diff --git a/.storybook/components/DocsHeader.tsx b/.storybook/components/DocsHeader.tsx
index 7de3d7ad5fc..fdf6986e29b 100644
--- a/.storybook/components/DocsHeader.tsx
+++ b/.storybook/components/DocsHeader.tsx
@@ -16,6 +16,7 @@ import {
 } from '@ui5/webcomponents-react';
 import { clsx } from 'clsx';
 import type { ComponentProps } from 'react';
+import { Fragment } from 'react';
 import { useGetSubComponentsOfModule } from '../utils';
 import classes from './DocsHeader.module.css';
 import { GitHubLogo } from './GitHub-Mark';
@@ -143,10 +144,10 @@ export const InfoTable = ({
             </th>
             <td data-import-cell={supportsClipboardApi}>
               {subComps.map((subComp) => (
-                <>
-                  <Import key={subComp} moduleName={subComp} componentId={preparedMeta.componentId} />
+                <Fragment key={subComp}>
+                  <Import moduleName={subComp} componentId={preparedMeta.componentId} />
                   <br />
-                </>
+                </Fragment>
               ))}
               {supportsClipboardApi && (
                 <Button
diff --git a/.storybook/custom-element-manifests/fiori.json b/.storybook/custom-element-manifests/fiori.json
index 1190de2d4df..73b6741d8de 100644
--- a/.storybook/custom-element-manifests/fiori.json
+++ b/.storybook/custom-element-manifests/fiori.json
@@ -1106,6 +1106,15 @@
               "name": "TntDialog",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "static": true,
+              "privacy": "public",
+              "description": "\"TntEmptyContentPane\" illustration type.",
+              "default": "TntEmptyContentPane",
+              "name": "TntEmptyContentPane",
+              "readonly": true
+            },
             {
               "kind": "field",
               "static": true,
@@ -3697,7 +3706,7 @@
             },
             {
               "name": "default",
-              "description": "Defines the component actions.",
+              "description": "Defines the component actions.\n\n**Note:** Not displayed when the `design` property is set to `Base`.",
               "_ui5propertyName": "actions",
               "_ui5type": {
                 "text": "Array<IButton>",
@@ -5330,6 +5339,17 @@
           "kind": "class",
           "description": "### Overview\nThe `ui5-product-switch-item` web component represents the items displayed in the\n`ui5-product-switch` web component.\n\n**Note:** `ui5-product-switch-item` is not supported when used outside of `ui5-product-switch`.\n\n### Keyboard Handling\nThe `ui5-product-switch` provides advanced keyboard handling.\nWhen focused, the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n- [Space] / [Enter] or [Return] - Trigger `ui5-click` event\n\n### ES6 Module Import\n`import \"@ui5/webcomponents-fiori/dist/ProductSwitchItem.js\";`",
           "name": "ProductSwitchItem",
+          "slots": [
+            {
+              "name": "image",
+              "description": "Defines an image to be displayed instead of the standard icon.\n\n**Note:** The image slot takes precedence over the icon property.\n**Note:** We recommend using non-interactive ui5-avatar with size S, Square shape and Transparent colorScheme for best alignment.",
+              "_ui5since": "2.14.0",
+              "_ui5type": {
+                "text": "Array<HTMLElement>"
+              },
+              "_ui5privacy": "public"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -6295,6 +6315,87 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/SearchItemShowMore.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "### Overview\n\nA `ui5-search-item-show-more` is a special type of ui5-li that acts as a button to progressively reveal additional (overflow) items within a group.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/SearchItemShowMore.js\";`",
+          "name": "SearchItemShowMore",
+          "members": [
+            {
+              "kind": "field",
+              "name": "itemsToShowCount",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Specifies the number of additional items available to show.\nThis value replaces the placeholder (N) in the \"Show more (N)\" text.\nIf not set, the placeholder will remain as (N).",
+              "privacy": "public",
+              "default": "undefined"
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Defines whether the show more item is selected.",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Specifies the number of additional items available to show.\nThis value replaces the placeholder (N) in the \"Show more (N)\" text.\nIf not set, the placeholder will remain as (N).",
+              "name": "items-to-show-count",
+              "default": "undefined",
+              "fieldName": "itemsToShowCount",
+              "type": {
+                "text": "number | undefined"
+              }
+            },
+            {
+              "description": "Defines whether the show more item is selected.",
+              "name": "selected",
+              "default": "false",
+              "fieldName": "selected",
+              "type": {
+                "text": "boolean"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "ListItemBase",
+            "package": "@ui5/webcomponents",
+            "module": "dist/ListItemBase.js"
+          },
+          "tagName": "ui5-search-item-show-more",
+          "customElement": true,
+          "_ui5experimental": true,
+          "_ui5since": "2.14.0",
+          "_ui5privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SearchItemShowMore",
+            "module": "dist/SearchItemShowMore.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-search-item-show-more",
+          "declaration": {
+            "name": "SearchItemShowMore",
+            "module": "dist/SearchItemShowMore.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/SearchMessageArea.js",
@@ -6566,12 +6667,12 @@
               "name": "searchField",
               "description": "Defines the `ui5-input`, that will be used as a search field.",
               "_ui5type": {
-                "text": "Array<Input>",
+                "text": "Array<IShellBarSearchField>",
                 "references": [
                   {
-                    "name": "Input",
-                    "package": "@ui5/webcomponents",
-                    "module": "dist/Input.js"
+                    "name": "IShellBarSearchField",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/ShellBar.js"
                   }
                 ]
               },
@@ -6597,14 +6698,7 @@
               "description": "Define the items displayed in the content area.\n\nUse the `data-hide-order` attribute with numeric value to specify the order of the items to be hidden when the space is not enough.\nLower values will be hidden first.\n\n**Note:** The `content` slot is in an experimental state and is a subject to change.",
               "_ui5since": "2.7.0",
               "_ui5type": {
-                "text": "Array<UI5Element>",
-                "references": [
-                  {
-                    "name": "UI5Element",
-                    "package": "@ui5/webcomponents-base",
-                    "module": "dist/UI5Element.js"
-                  }
-                ]
+                "text": "Array<HTMLElement>"
               },
               "_ui5privacy": "public"
             }
@@ -7001,6 +7095,35 @@
                 }
               ]
             },
+            {
+              "name": "search-field-clear",
+              "_ui5privacy": "public",
+              "type": {
+                "text": "CustomEvent<ShellBarSearchFieldClearEventDetail>",
+                "references": [
+                  {
+                    "name": "ShellBarSearchFieldClearEventDetail",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/ShellBar.js"
+                  }
+                ]
+              },
+              "description": "Fired, when the search cancel button is activated.\n\n**Note:** You can prevent the default behavior (clearing the search field value) by calling `event.preventDefault()`. The search will still be closed.\n**Note:** The `search-field-clear` event is in an experimental state and is a subject to change.",
+              "_ui5Cancelable": true,
+              "_ui5allowPreventDefault": true,
+              "_ui5Bubbles": true,
+              "_ui5since": "2.14.0",
+              "_ui5parameters": [
+                {
+                  "type": {
+                    "text": "HTMLElement"
+                  },
+                  "name": "targetRef",
+                  "_ui5privacy": "public",
+                  "description": "dom ref of the cancel button element"
+                }
+              ]
+            },
             {
               "name": "content-item-visibility-change",
               "_ui5privacy": "public",
@@ -8007,7 +8130,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "### Overview\n\nThe `SideNavigation` is used as a standard menu in applications.\nIt consists of three containers: header (top-aligned), main navigation section (top-aligned) and the secondary section (bottom-aligned).\n\n - The header is meant for displaying user related information - profile data, avatar, etc.\n - The main navigation section is related to the user’s current work context\n - The secondary section is mostly used to link additional information that may be of interest (legal information, developer communities, external help, contact information and so on).\n\n### Usage\n\nUse the available `ui5-side-navigation-group`, `ui5-side-navigation-item`\nand `ui5-side-navigation-sub-item` components to build your menu.\nThe items can consist of text only or an icon with text. The use or non-use of icons must be consistent for all items on one level.\nYou must not combine entries with and without icons on the same level. We strongly recommend that you do not use icons on the second level.\n\nThe `ui5-side-navigation` component is intended for use within an `ui5-navigation-layout` component.\nWhile it can function independently, it is recommended to use it with\nthe `ui5-navigation-layout` for optimal user experience.\n\n### Keyboard Handling\n\n### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigation.js\"`\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigationGroup.js\";` (for `ui5-side-navigation-group`)\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigationItem.js\";` (for `ui5-side-navigation-item`)\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js\";` (for `ui5-side-navigation-sub-item`)",
+          "description": "### Overview\n\nThe `SideNavigation` is used as a standard menu in applications.\nIt consists of three containers: header (top-aligned), main navigation section (top-aligned) and the secondary section (bottom-aligned).\n\n - The header is meant for displaying user related information - profile data, avatar, etc.\n - The main navigation section is related to the user’s current work context\n - The secondary section is mostly used to link additional information that may be of interest (legal information, developer communities, external help, contact information and so on).\n\n### Usage\n\nUse the available `ui5-side-navigation-group`, `ui5-side-navigation-item`\nand `ui5-side-navigation-sub-item` components to build your menu.\nThe items can consist of text only or an icon with text. The use or non-use of icons must be consistent for all items on one level.\nYou must not combine entries with and without icons on the same level. We strongly recommend that you do not use icons on the second level.\n\nThe `ui5-side-navigation` component is designed to be used within a `ui5-navigation-layout` component to ensure an optimal user experience.\n\nUsing it standalone may not match the intended design and functionality.\nFor example, the side navigation may not exhibit the correct behavior on phones and tablets.\nPadding of the `ui5-shellbar` will not match the padding of the side navigation.\n\n### Keyboard Handling\n\n### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigation.js\"`\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigationGroup.js\";` (for `ui5-side-navigation-group`)\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigationItem.js\";` (for `ui5-side-navigation-item`)\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js\";` (for `ui5-side-navigation-sub-item`)",
           "name": "SideNavigation",
           "slots": [
             {
diff --git a/.storybook/custom-element-manifests/main.json b/.storybook/custom-element-manifests/main.json
index e5750c2848e..e7b5c1f9e41 100644
--- a/.storybook/custom-element-manifests/main.json
+++ b/.storybook/custom-element-manifests/main.json
@@ -4,30 +4,30 @@
   "modules": [
     {
       "kind": "javascript-module",
-      "path": "dist/bundle-assets/IconPensilLitTemplate.js",
+      "path": "dist/colorpicker-utils/ColorValue.js",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "IconPensilLitTemplate",
-            "module": "dist/bundle-assets/IconPensilLitTemplate.js"
+            "name": "ColorValue",
+            "module": "dist/colorpicker-utils/ColorValue.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/colorpicker-utils/ColorValue.js",
+      "path": "dist/delegate/DragAndDropHandler.js",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "ColorValue",
-            "module": "dist/colorpicker-utils/ColorValue.js"
+            "name": "DragAndDropHandler",
+            "module": "dist/delegate/DragAndDropHandler.js"
           }
         }
       ]
@@ -39,7 +39,7 @@
         {
           "kind": "class",
           "description": "",
-          "name": "DateRangeRange",
+          "name": "DateRange",
           "_ui5since": "2.11.0",
           "_ui5privacy": "public"
         }
@@ -49,12 +49,64 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "DateRangeRange",
+            "name": "DateRange",
             "module": "dist/dynamic-date-range-options/DateRange.js"
           }
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/dynamic-date-range-options/LastNextUtils.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/dynamic-date-range-options/LastOptions.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LastOptions",
+          "_ui5since": "2.14.0",
+          "_ui5privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "LastOptions",
+            "module": "dist/dynamic-date-range-options/LastOptions.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/dynamic-date-range-options/NextOptions.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "NextOptions",
+          "_ui5since": "2.14.0",
+          "_ui5privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "NextOptions",
+            "module": "dist/dynamic-date-range-options/NextOptions.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/dynamic-date-range-options/SingleDate.js",
@@ -304,6 +356,14 @@
               "default": "Placeholder",
               "name": "Placeholder",
               "readonly": true
+            },
+            {
+              "kind": "field",
+              "static": true,
+              "privacy": "public",
+              "default": "Transparent",
+              "name": "Transparent",
+              "readonly": true
             }
           ]
         }
@@ -4434,7 +4494,7 @@
               "default": "\"Auto\"",
               "fieldName": "colorScheme",
               "type": {
-                "text": "\"Auto\" | \"Accent1\" | \"Accent2\" | \"Accent3\" | \"Accent4\" | \"Accent5\" | \"Accent6\" | \"Accent7\" | \"Accent8\" | \"Accent9\" | \"Accent10\" | \"Placeholder\""
+                "text": "\"Auto\" | \"Accent1\" | \"Accent2\" | \"Accent3\" | \"Accent4\" | \"Accent5\" | \"Accent6\" | \"Accent7\" | \"Accent8\" | \"Accent9\" | \"Accent10\" | \"Placeholder\" | \"Transparent\""
               }
             },
             {
@@ -5665,7 +5725,7 @@
               "default": "\"Default\"",
               "fieldName": "design",
               "type": {
-                "text": "\"Default\" | \"Positive\" | \"Negative\" | \"Transparent\" | \"Emphasized\" | \"Attention\""
+                "text": "\"Transparent\" | \"Default\" | \"Positive\" | \"Negative\" | \"Emphasized\" | \"Attention\""
               }
             },
             {
@@ -5983,9 +6043,17 @@
               "description": "Used to style the year range cells in between of selected year ranges.",
               "name": "year-range-cell-selected-between"
             },
+            {
+              "description": "Used to style the year range picker root container.",
+              "name": "year-range-picker-root"
+            },
             {
               "description": "Used to style the calendar header middle buttons (month/year/year-range buttons).",
               "name": "calendar-header-middle-button"
+            },
+            {
+              "description": "Used to style the calendar header navigation arrow buttons (previous/next buttons).",
+              "name": "calendar-header-arrow-button"
             }
           ],
           "slots": [
@@ -6117,7 +6185,38 @@
               },
               "description": "Determines the format, displayed in the input field.",
               "default": "undefined",
+              "deprecated": "Use displayFormat and valueFormat instead",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "displayFormat",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Determines the format, displayed in the input field.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.14.0",
+              "inheritedFrom": {
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "valueFormat",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Determines the format, used for the value attribute.",
+              "default": "undefined",
               "privacy": "public",
+              "_ui5since": "2.14.0",
               "inheritedFrom": {
                 "name": "DateComponentBase",
                 "module": "dist/DateComponentBase.js"
@@ -6267,6 +6366,33 @@
               "type": {
                 "text": "string | undefined"
               },
+              "deprecated": "Use displayFormat and valueFormat instead",
+              "inheritedFrom": {
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
+              }
+            },
+            {
+              "description": "Determines the format, displayed in the input field.",
+              "name": "display-format",
+              "default": "undefined",
+              "fieldName": "displayFormat",
+              "type": {
+                "text": "string | undefined"
+              },
+              "inheritedFrom": {
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
+              }
+            },
+            {
+              "description": "Determines the format, used for the value attribute.",
+              "name": "value-format",
+              "default": "undefined",
+              "fieldName": "valueFormat",
+              "type": {
+                "text": "string | undefined"
+              },
               "inheritedFrom": {
                 "name": "DateComponentBase",
                 "module": "dist/DateComponentBase.js"
@@ -6781,7 +6907,38 @@
               },
               "description": "Determines the format, displayed in the input field.",
               "default": "undefined",
+              "deprecated": "Use displayFormat and valueFormat instead",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "displayFormat",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Determines the format, displayed in the input field.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.14.0",
+              "inheritedFrom": {
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "valueFormat",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Determines the format, used for the value attribute.",
+              "default": "undefined",
               "privacy": "public",
+              "_ui5since": "2.14.0",
               "inheritedFrom": {
                 "name": "DateComponentBase",
                 "module": "dist/DateComponentBase.js"
@@ -6882,6 +7039,33 @@
               "type": {
                 "text": "string | undefined"
               },
+              "deprecated": "Use displayFormat and valueFormat instead",
+              "inheritedFrom": {
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
+              }
+            },
+            {
+              "description": "Determines the format, displayed in the input field.",
+              "name": "display-format",
+              "default": "undefined",
+              "fieldName": "displayFormat",
+              "type": {
+                "text": "string | undefined"
+              },
+              "inheritedFrom": {
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
+              }
+            },
+            {
+              "description": "Determines the format, used for the value attribute.",
+              "name": "value-format",
+              "default": "undefined",
+              "fieldName": "valueFormat",
+              "type": {
+                "text": "string | undefined"
+              },
               "inheritedFrom": {
                 "name": "DateComponentBase",
                 "module": "dist/DateComponentBase.js"
@@ -9375,8 +9559,31 @@
               },
               "description": "Determines the format, displayed in the input field.",
               "default": "undefined",
+              "deprecated": "Use displayFormat and valueFormat instead",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "displayFormat",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Determines the format, displayed in the input field.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.14.0"
+            },
+            {
+              "kind": "field",
+              "name": "valueFormat",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Determines the format, used for the value attribute.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.14.0"
+            },
             {
               "kind": "field",
               "name": "minDate",
@@ -9442,6 +9649,25 @@
               "name": "format-pattern",
               "default": "undefined",
               "fieldName": "formatPattern",
+              "type": {
+                "text": "string | undefined"
+              },
+              "deprecated": "Use displayFormat and valueFormat instead"
+            },
+            {
+              "description": "Determines the format, displayed in the input field.",
+              "name": "display-format",
+              "default": "undefined",
+              "fieldName": "displayFormat",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "description": "Determines the format, used for the value attribute.",
+              "name": "value-format",
+              "default": "undefined",
+              "fieldName": "valueFormat",
               "type": {
                 "text": "string | undefined"
               }
@@ -9501,7 +9727,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "### Overview\n\nThe `ui5-date-picker` component provides an input field with assigned calendar which opens on user action.\nThe `ui5-date-picker` allows users to select a localized date using touch,\nmouse, or keyboard input. It consists of two parts: the date input field and the\ndate picker.\n\n### Usage\n\nThe user can enter a date by:\n\n- Using the calendar that opens in a popup\n- Typing it in directly in the input field\n\nWhen the user makes an entry and presses the enter key, the calendar shows the corresponding date.\nWhen the user directly triggers the calendar display, the actual date is displayed.\n\n### Formatting\n\nIf a date is entered by typing it into\nthe input field, it must fit to the used date format.\n\nSupported format options are pattern-based on Unicode LDML Date Format notation.\nFor more information, see [UTS #35: Unicode Locale Data Markup Language](http://unicode.org/reports/tr35/#Date_Field_Symbol_Table).\n\nFor example, if the `format-pattern` is \"yyyy-MM-dd\",\na valid value string is \"2015-07-30\" and the same is displayed in the input.\n\n### Keyboard Handling\nThe `ui5-date-picker` provides advanced keyboard handling.\nIf the `ui5-date-picker` is focused,\nyou can open or close the drop-down by pressing [F4], [Alt] + [Up] or [Alt] + [Down] keys.\nOnce the drop-down is opened, you can use the [Up], [Down], [Left] or [Right] arrow keys\nto navigate through the dates and select one by pressing the `Space` or `Enter` keys. Moreover you can\nuse TAB to reach the buttons for changing month and year.\n\nIf the `ui5-date-picker` input field is focused and its corresponding picker dialog is not opened,\nthen users can increment or decrement the date referenced by `dateValue` property\nby using the following shortcuts:\n\n- [Page Down] - Decrements the corresponding day of the month by one\n- [Shift] + [Page Down] - Decrements the corresponding month by one\n- [Shift] + [Ctrl] + [Page Down] - Decrements the corresponding year by one\n- [Page Up] - Increments the corresponding day of the month by one\n- [Shift] + [Page Up] - Increments the corresponding month by one\n- [Shift] + [Ctrl] + [Page Up] - Increments the corresponding year by one\n\n### Calendar types\nThe component supports several calendar types - Gregorian, Buddhist, Islamic, Japanese and Persian.\nBy default the Gregorian Calendar is used. In order to use the Buddhist, Islamic, Japanese or Persian calendar,\nyou need to set the `primaryCalendarType` property and import one or more of the following modules:\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Buddhist.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Islamic.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Japanese.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Persian.js\";`\n\nOr, you can use the global configuration and set the `calendarType` key:\n\n```html\n<script data-id=\"sap-ui-config\" type=\"application/json\">\n\t{\n\t\t\"calendarType\": \"Japanese\"\n\t}\n<script>\n```\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/DatePicker.js\";`",
+          "description": "### Overview\n\nThe `ui5-date-picker` component provides an input field with assigned calendar which opens on user action.\nThe `ui5-date-picker` allows users to select a localized date using touch,\nmouse, or keyboard input. It consists of two parts: the date input field and the\ndate picker.\n\n### Usage\n\nThe user can enter a date by:\n\n- Using the calendar that opens in a popup\n- Typing it in directly in the input field\n\nWhen the user makes an entry and presses the enter key, the calendar shows the corresponding date.\nWhen the user directly triggers the calendar display, the actual date is displayed.\n\n### Formatting\n\nIf a date is entered by typing it into\nthe input field, it must fit to the used date format.\n\nSupported format options are pattern-based on Unicode LDML Date Format notation.\nFor more information, see [UTS #35: Unicode Locale Data Markup Language](https://unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table).\n\nFor example, if the `format-pattern` is \"yyyy-MM-dd\",\na valid value string is \"2015-07-30\" and the same is displayed in the input.\n\n### Keyboard Handling\nThe `ui5-date-picker` provides advanced keyboard handling.\nIf the `ui5-date-picker` is focused,\nyou can open or close the drop-down by pressing [F4], [Alt] + [Up] or [Alt] + [Down] keys.\nOnce the drop-down is opened, you can use the [Up], [Down], [Left] or [Right] arrow keys\nto navigate through the dates and select one by pressing the `Space` or `Enter` keys. Moreover you can\nuse TAB to reach the buttons for changing month and year.\n\nIf the `ui5-date-picker` input field is focused and its corresponding picker dialog is not opened,\nthen users can increment or decrement the date referenced by `dateValue` property\nby using the following shortcuts:\n\n- [Page Down] - Decrements the corresponding day of the month by one\n- [Shift] + [Page Down] - Decrements the corresponding month by one\n- [Shift] + [Ctrl] + [Page Down] - Decrements the corresponding year by one\n- [Page Up] - Increments the corresponding day of the month by one\n- [Shift] + [Page Up] - Increments the corresponding month by one\n- [Shift] + [Ctrl] + [Page Up] - Increments the corresponding year by one\n\n### Calendar types\nThe component supports several calendar types - Gregorian, Buddhist, Islamic, Japanese and Persian.\nBy default the Gregorian Calendar is used. In order to use the Buddhist, Islamic, Japanese or Persian calendar,\nyou need to set the `primaryCalendarType` property and import one or more of the following modules:\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Buddhist.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Islamic.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Japanese.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Persian.js\";`\n\nOr, you can use the global configuration and set the `calendarType` key:\n\n```html\n<script data-id=\"sap-ui-config\" type=\"application/json\">\n\t{\n\t\t\"calendarType\": \"Japanese\"\n\t}\n<script>\n```\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/DatePicker.js\";`",
           "name": "DatePicker",
           "slots": [
             {
@@ -9639,6 +9865,28 @@
               "privacy": "public",
               "_ui5since": "1.0.0-rc.15"
             },
+            {
+              "kind": "field",
+              "name": "accessibleDescription",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the accessible description of the component.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.14.0"
+            },
+            {
+              "kind": "field",
+              "name": "accessibleDescriptionRef",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Receives id(or many ids) of the elements that describe the input.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.14.0"
+            },
             {
               "kind": "method",
               "name": "isValid",
@@ -9658,6 +9906,49 @@
                 }
               ],
               "description": "Checks if a value is valid against the current date format of the DatePicker.",
+              "privacy": "public",
+              "deprecated": "Use isValidValue or isValidDisplayValue instead"
+            },
+            {
+              "kind": "method",
+              "name": "isValidValue",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "A value to be tested against the current date format",
+                  "_ui5privacy": "public"
+                }
+              ],
+              "description": "Checks if a value is valid against the current date format of the DatePicker.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "isValidDisplayValue",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "A value to be tested against the current date format",
+                  "_ui5privacy": "public"
+                }
+              ],
+              "description": "Checks if a value is valid against the current date format of the DatePicker.",
               "privacy": "public"
             },
             {
@@ -9765,6 +10056,7 @@
               },
               "description": "Determines the format, displayed in the input field.",
               "default": "undefined",
+              "deprecated": "Use displayFormat and valueFormat instead",
               "privacy": "public",
               "inheritedFrom": {
                 "name": "DateComponentBase",
@@ -9773,14 +10065,14 @@
             },
             {
               "kind": "field",
-              "name": "minDate",
+              "name": "displayFormat",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "\"\"",
-              "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).",
+              "description": "Determines the format, displayed in the input field.",
+              "default": "undefined",
               "privacy": "public",
-              "_ui5since": "1.0.0-rc.6",
+              "_ui5since": "2.14.0",
               "inheritedFrom": {
                 "name": "DateComponentBase",
                 "module": "dist/DateComponentBase.js"
@@ -9788,14 +10080,44 @@
             },
             {
               "kind": "field",
-              "name": "maxDate",
+              "name": "valueFormat",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "\"\"",
-              "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).",
+              "description": "Determines the format, used for the value attribute.",
+              "default": "undefined",
               "privacy": "public",
-              "_ui5since": "1.0.0-rc.6",
+              "_ui5since": "2.14.0",
+              "inheritedFrom": {
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "minDate",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).",
+              "privacy": "public",
+              "_ui5since": "1.0.0-rc.6",
+              "inheritedFrom": {
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "maxDate",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).",
+              "privacy": "public",
+              "_ui5since": "1.0.0-rc.6",
               "inheritedFrom": {
                 "name": "DateComponentBase",
                 "module": "dist/DateComponentBase.js"
@@ -10058,6 +10380,24 @@
                 "text": "string | undefined"
               }
             },
+            {
+              "description": "Defines the accessible description of the component.",
+              "name": "accessible-description",
+              "default": "undefined",
+              "fieldName": "accessibleDescription",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "description": "Receives id(or many ids) of the elements that describe the input.",
+              "name": "accessible-description-ref",
+              "default": "undefined",
+              "fieldName": "accessibleDescriptionRef",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
             {
               "description": "Currently selected date represented as a Local JavaScript Date instance.",
               "name": "date-value",
@@ -10101,6 +10441,33 @@
               "type": {
                 "text": "string | undefined"
               },
+              "deprecated": "Use displayFormat and valueFormat instead",
+              "inheritedFrom": {
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
+              }
+            },
+            {
+              "description": "Determines the format, displayed in the input field.",
+              "name": "display-format",
+              "default": "undefined",
+              "fieldName": "displayFormat",
+              "type": {
+                "text": "string | undefined"
+              },
+              "inheritedFrom": {
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
+              }
+            },
+            {
+              "description": "Determines the format, used for the value attribute.",
+              "name": "value-format",
+              "default": "undefined",
+              "fieldName": "valueFormat",
+              "type": {
+                "text": "string | undefined"
+              },
               "inheritedFrom": {
                 "name": "DateComponentBase",
                 "module": "dist/DateComponentBase.js"
@@ -10266,6 +10633,57 @@
               ],
               "description": "Checks if a value is valid against the current date format of the DatePicker.",
               "privacy": "public",
+              "deprecated": "Use isValidValue or isValidDisplayValue instead",
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "dist/DatePicker.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "isValidValue",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "A value to be tested against the current date format",
+                  "_ui5privacy": "public"
+                }
+              ],
+              "description": "Checks if a value is valid against the current date format of the DatePicker.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "dist/DatePicker.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "isValidDisplayValue",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "A value to be tested against the current date format",
+                  "_ui5privacy": "public"
+                }
+              ],
+              "description": "Checks if a value is valid against the current date format of the DatePicker.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "DatePicker",
                 "module": "dist/DatePicker.js"
@@ -10464,6 +10882,36 @@
                 "module": "dist/DatePicker.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "accessibleDescription",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the accessible description of the component.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.14.0",
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "dist/DatePicker.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "accessibleDescriptionRef",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Receives id(or many ids) of the elements that describe the input.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.14.0",
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "dist/DatePicker.js"
+              }
+            },
             {
               "kind": "method",
               "name": "formatValue",
@@ -10541,12 +10989,43 @@
               },
               "description": "Determines the format, displayed in the input field.",
               "default": "undefined",
+              "deprecated": "Use displayFormat and valueFormat instead",
               "privacy": "public",
               "inheritedFrom": {
                 "name": "DateComponentBase",
                 "module": "dist/DateComponentBase.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "displayFormat",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Determines the format, displayed in the input field.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.14.0",
+              "inheritedFrom": {
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "valueFormat",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Determines the format, used for the value attribute.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.14.0",
+              "inheritedFrom": {
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
+              }
+            },
             {
               "kind": "field",
               "name": "minDate",
@@ -10793,6 +11272,32 @@
                 "module": "dist/DatePicker.js"
               }
             },
+            {
+              "description": "Defines the accessible description of the component.",
+              "name": "accessible-description",
+              "default": "undefined",
+              "fieldName": "accessibleDescription",
+              "type": {
+                "text": "string | undefined"
+              },
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "dist/DatePicker.js"
+              }
+            },
+            {
+              "description": "Receives id(or many ids) of the elements that describe the input.",
+              "name": "accessible-description-ref",
+              "default": "undefined",
+              "fieldName": "accessibleDescriptionRef",
+              "type": {
+                "text": "string | undefined"
+              },
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "dist/DatePicker.js"
+              }
+            },
             {
               "description": "Sets a calendar type used for display.\nIf not set, the calendar type of the global configuration is used.",
               "name": "primary-calendar-type",
@@ -10827,6 +11332,33 @@
               "type": {
                 "text": "string | undefined"
               },
+              "deprecated": "Use displayFormat and valueFormat instead",
+              "inheritedFrom": {
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
+              }
+            },
+            {
+              "description": "Determines the format, displayed in the input field.",
+              "name": "display-format",
+              "default": "undefined",
+              "fieldName": "displayFormat",
+              "type": {
+                "text": "string | undefined"
+              },
+              "inheritedFrom": {
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
+              }
+            },
+            {
+              "description": "Determines the format, used for the value attribute.",
+              "name": "value-format",
+              "default": "undefined",
+              "fieldName": "valueFormat",
+              "type": {
+                "text": "string | undefined"
+              },
               "inheritedFrom": {
                 "name": "DateComponentBase",
                 "module": "dist/DateComponentBase.js"
@@ -11263,6 +11795,36 @@
                 "module": "dist/DatePicker.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "accessibleDescription",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the accessible description of the component.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.14.0",
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "dist/DatePicker.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "accessibleDescriptionRef",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Receives id(or many ids) of the elements that describe the input.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.14.0",
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "dist/DatePicker.js"
+              }
+            },
             {
               "kind": "method",
               "name": "isValid",
@@ -11283,6 +11845,57 @@
               ],
               "description": "Checks if a value is valid against the current date format of the DatePicker.",
               "privacy": "public",
+              "deprecated": "Use isValidValue or isValidDisplayValue instead",
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "dist/DatePicker.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "isValidValue",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "A value to be tested against the current date format",
+                  "_ui5privacy": "public"
+                }
+              ],
+              "description": "Checks if a value is valid against the current date format of the DatePicker.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "dist/DatePicker.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "isValidDisplayValue",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "A value to be tested against the current date format",
+                  "_ui5privacy": "public"
+                }
+              ],
+              "description": "Checks if a value is valid against the current date format of the DatePicker.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "DatePicker",
                 "module": "dist/DatePicker.js"
@@ -11405,12 +12018,43 @@
               },
               "description": "Determines the format, displayed in the input field.",
               "default": "undefined",
+              "deprecated": "Use displayFormat and valueFormat instead",
               "privacy": "public",
               "inheritedFrom": {
                 "name": "DateComponentBase",
                 "module": "dist/DateComponentBase.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "displayFormat",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Determines the format, displayed in the input field.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.14.0",
+              "inheritedFrom": {
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "valueFormat",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Determines the format, used for the value attribute.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.14.0",
+              "inheritedFrom": {
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
+              }
+            },
             {
               "kind": "field",
               "name": "minDate",
@@ -11610,7 +12254,33 @@
               "description": "Defines the aria-label attribute for the component.",
               "name": "accessible-name",
               "default": "undefined",
-              "fieldName": "accessibleName",
+              "fieldName": "accessibleName",
+              "type": {
+                "text": "string | undefined"
+              },
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "dist/DatePicker.js"
+              }
+            },
+            {
+              "description": "Receives id(or many ids) of the elements that label the component.",
+              "name": "accessible-name-ref",
+              "default": "undefined",
+              "fieldName": "accessibleNameRef",
+              "type": {
+                "text": "string | undefined"
+              },
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "dist/DatePicker.js"
+              }
+            },
+            {
+              "description": "Defines the accessible description of the component.",
+              "name": "accessible-description",
+              "default": "undefined",
+              "fieldName": "accessibleDescription",
               "type": {
                 "text": "string | undefined"
               },
@@ -11620,10 +12290,10 @@
               }
             },
             {
-              "description": "Receives id(or many ids) of the elements that label the component.",
-              "name": "accessible-name-ref",
+              "description": "Receives id(or many ids) of the elements that describe the input.",
+              "name": "accessible-description-ref",
               "default": "undefined",
-              "fieldName": "accessibleNameRef",
+              "fieldName": "accessibleDescriptionRef",
               "type": {
                 "text": "string | undefined"
               },
@@ -11679,6 +12349,33 @@
               "type": {
                 "text": "string | undefined"
               },
+              "deprecated": "Use displayFormat and valueFormat instead",
+              "inheritedFrom": {
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
+              }
+            },
+            {
+              "description": "Determines the format, displayed in the input field.",
+              "name": "display-format",
+              "default": "undefined",
+              "fieldName": "displayFormat",
+              "type": {
+                "text": "string | undefined"
+              },
+              "inheritedFrom": {
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
+              }
+            },
+            {
+              "description": "Determines the format, used for the value attribute.",
+              "name": "value-format",
+              "default": "undefined",
+              "fieldName": "valueFormat",
+              "type": {
+                "text": "string | undefined"
+              },
               "inheritedFrom": {
                 "name": "DateComponentBase",
                 "module": "dist/DateComponentBase.js"
@@ -12480,13 +13177,13 @@
         {
           "kind": "interface",
           "name": "IDynamicDateRangeOption",
-          "description": "Represents a dynamic date range option used by the `ui5-dynamic-date-range` component.\n\nRepresents a dynamic date range option used for handling dynamic date ranges.\nThis interface defines the structure and behavior required for implementing\ndynamic date range options, including formatting, parsing, validation, and\nconversion of date range values.\n\n * Properties:\n- `icon`: The icon associated with the dynamic date range option, typically used for UI representation.\n- `operator`: A unique operator identifying the dynamic date range option.\n- `text`: The display text for the dynamic date range option.\n- `template` (optional): A JSX template for rendering the dynamic date range option.\n\nMethods:\n- `format(value: DynamicDateRangeValue): string`: Formats the given dynamic date range value into a string representation.\n- `parse(value: string): DynamicDateRangeValue | undefined`: Parses a string into a dynamic date range value.\n- `toDates(value: DynamicDateRangeValue): Date[]`: Converts a dynamic date range value into an array of `Date` objects.\n- `handleSelectionChange?(event: CustomEvent): DynamicDateRangeValue | undefined`: (Optional) Handles selection changes in the UI of the dynamic date range option.\n- `isValidString(value: string): boolean`: Validates whether a given string is a valid representation of the dynamic date range value.",
+          "description": "Represents a dynamic date range option used by the `ui5-dynamic-date-range` component.\n\nRepresents a dynamic date range option used for handling dynamic date ranges.\nThis interface defines the structure and behavior required for implementing\ndynamic date range options, including formatting, parsing, validation, and\nconversion of date range values.\n\n * Properties:\n- `icon`: The icon associated with the dynamic date range option, typically used for UI representation.\n- `operator`: A unique operator identifying the dynamic date range option.\n- `text`: The display text for the dynamic date range option.\n- `template` (optional): A JSX template for rendering the dynamic date range option.\n\nMethods:\n- `format(value: DynamicDateRangeValue): string`: Formats the given dynamic date range value into a string representation.\n- `parse(value: string): DynamicDateRangeValue | undefined`: Parses a string into a dynamic date range value.\n- `toDates(value: DynamicDateRangeValue): Array<Date>`: Converts a dynamic date range value into an array of `Date` objects.\n- `handleSelectionChange?(event: CustomEvent): DynamicDateRangeValue | undefined`: (Optional) Handles selection changes in the UI of the dynamic date range option.\n- `isValidString(value: string): boolean`: Validates whether a given string is a valid representation of the dynamic date range value.",
           "_ui5privacy": "public",
           "_ui5since": "2.11.0"
         },
         {
           "kind": "class",
-          "description": "### Overview\n\nThe `ui5-dynamic-date-range` component provides a flexible interface to define date ranges using a combination of absolute dates, relative intervals, and preset ranges (e.g., \"Today\", \"Yesterday\", etc.).\nIt allows users to select a date range from a predefined set of options or enter custom dates.\n\n### Usage\n\nThe component is typically used in scenarios where users need to filter data based on date ranges, such as in reports, dashboards, or data analysis tools.\nIt can be used with the predefined options or extended with custom options to suit specific requirements. You can create your own options by extending the `IDynamicDateRangeOption` interface.\nEvery option should be registered using the `DynamicDateRange.register` method.\n\nIf needed, you can also create a range of dates based on specific option using the `toDates` method.\n\n### Standard Options\n\nThe component comes with a set of standard options, including:\n- \"TODAY\" - Represents the current date. An example value is `{ operator: \"TODAY\"}`. Import: `import \"@ui5/webcomponents/dist/dynamic-date-range-options/Today.js\";`\n- \"YESTERDAY\" - Represents the previous date. An example value is `{ operator: \"YESTERDAY\"}`. Import: `import \"@ui5/webcomponents/dist/dynamic-date-range-options/Yesterday.js\";`\n- \"TOMORROW\" - Represents the next date. An example value is `{ operator: \"TOMORROW\"}`. Import: `import \"@ui5/webcomponents/dist/dynamic-date-range-options/Tomorrow.js\";`\n- \"DATE\" - Represents a single date. An example value is `{ operator: \"DATE\", values: [new Date()]}`. Import: `import \"@ui5/webcomponents/dist/dynamic-date-range-options/SingleDate.js\";`\n- \"DATERANGE\" - Represents a range of dates. An example value is `{ operator: \"DATERANGE\", values: [new Date(), new Date()]}`. Import: `import \"@ui5/webcomponents/dist/dynamic-date-range-options/DateRange.js\";`\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/DynamicDateRange.js\";`",
+          "description": "### Overview\n\nThe `ui5-dynamic-date-range` component provides a flexible interface to define date ranges using a combination of absolute dates, relative intervals, and preset ranges (e.g., \"Today\", \"Yesterday\", etc.).\nIt allows users to select a date range from a predefined set of options or enter custom dates.\n\n### Usage\n\nThe component is typically used in scenarios where users need to filter data based on date ranges, such as in reports, dashboards, or data analysis tools.\nIt can be used with the predefined options or extended with custom options to suit specific requirements. You can create your own options by extending the `IDynamicDateRangeOption` interface.\nEvery option should be registered using the `DynamicDateRange.register` method.\n\nIf needed, you can also create a range of dates based on specific option using the `toDates` method.\n\n### Standard Options\n\nThe component comes with a set of standard options, including:\n- \"TODAY\" - Represents the current date. An example value is `{ operator: \"TODAY\"}`. Import: `import \"@ui5/webcomponents/dist/dynamic-date-range-options/Today.js\";`\n- \"YESTERDAY\" - Represents the previous date. An example value is `{ operator: \"YESTERDAY\"}`. Import: `import \"@ui5/webcomponents/dist/dynamic-date-range-options/Yesterday.js\";`\n- \"TOMORROW\" - Represents the next date. An example value is `{ operator: \"TOMORROW\"}`. Import: `import \"@ui5/webcomponents/dist/dynamic-date-range-options/Tomorrow.js\";`\n- \"DATE\" - Represents a single date. An example value is `{ operator: \"DATE\", values: [new Date()]}`. Import: `import \"@ui5/webcomponents/dist/dynamic-date-range-options/SingleDate.js\";`\n- \"DATERANGE\" - Represents a range of dates. An example value is `{ operator: \"DATERANGE\", values: [new Date(), new Date()]}`. Import: `import \"@ui5/webcomponents/dist/dynamic-date-range-options/DateRange.js\";`\n- \"LASTDAYS\" - Represents Last X Days from today. An example value is `{ operator: \"LASTDAYS\", values: [2]}`. Import: `import \"@ui5/webcomponents/dist/dynamic-date-range-options/LastOptions.js\";`\n- \"LASTWEEKS\" - Represents Last X Weeks from today. An example value is `{ operator: \"LASTWEEKS\", values: [3]}`. Import: `import \"@ui5/webcomponents/dist/dynamic-date-range-options/LastOptions.js\";`\n- \"LASTMONTHS\" - Represents Last X Months from today. An example value is `{ operator: \"LASTMONTHS\", values: [6]}`. Import: `import \"@ui5/webcomponents/dist/dynamic-date-range-options/LastOptions.js\";`\n- \"LASTQUARTERS\" - Represents Last X Quarters from today. An example value is `{ operator: \"LASTQUARTERS\", values: [2]}`. Import: `import \"@ui5/webcomponents/dist/dynamic-date-range-options/LastOptions.js\";`\n- \"LASTYEARS\" - Represents Last X Years from today. An example value is `{ operator: \"LASTYEARS\", values: [1]}`. Import: `import \"@ui5/webcomponents/dist/dynamic-date-range-options/LastOptions.js\";`\n- \"NEXTDAYS\" - Represents Next X Days from today. An example value is `{ operator: \"NEXTDAYS\", values: [2]}`. Import: `import \"@ui5/webcomponents/dist/dynamic-date-range-options/NextOptions.js\";`\n- \"NEXTWEEKS\" - Represents Next X Weeks from today. An example value is `{ operator: \"NEXTWEEKS\", values: [3]}`. Import: `import \"@ui5/webcomponents/dist/dynamic-date-range-options/NextOptions.js\";`\n- \"NEXTMONTHS\" - Represents Next X Months from today. An example value is `{ operator: \"NEXTMONTHS\", values: [6]}`. Import: `import \"@ui5/webcomponents/dist/dynamic-date-range-options/NextOptions.js\";`\n- \"NEXTQUARTERS\" - Represents Next X Quarters from today. An example value is `{ operator: \"NEXTQUARTERS\", values: [2]}`. Import: `import \"@ui5/webcomponents/dist/dynamic-date-range-options/NextOptions.js\";`\n- \"NEXTYEARS\" - Represents Next X Years from today. An example value is `{ operator: \"NEXTYEARS\", values: [1]}`. Import: `import \"@ui5/webcomponents/dist/dynamic-date-range-options/NextOptions.js\";`\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/DynamicDateRange.js\";`",
           "name": "DynamicDateRange",
           "members": [
             {
@@ -12904,6 +13601,28 @@
               "privacy": "public",
               "_ui5since": "2.13.0"
             },
+            {
+              "kind": "field",
+              "name": "accessibleDescription",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the accessible description of the component.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.14.0"
+            },
+            {
+              "kind": "field",
+              "name": "accessibleDescriptionRef",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Receives id(or many ids) of the elements that describe the input.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.14.0"
+            },
             {
               "kind": "field",
               "name": "files",
@@ -13091,6 +13810,24 @@
                 "text": "string | undefined"
               }
             },
+            {
+              "description": "Defines the accessible description of the component.",
+              "name": "accessible-description",
+              "default": "undefined",
+              "fieldName": "accessibleDescription",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "description": "Receives id(or many ids) of the elements that describe the input.",
+              "name": "accessible-description-ref",
+              "default": "undefined",
+              "fieldName": "accessibleDescriptionRef",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
             {
               "description": "FileList of all selected files.",
               "name": "files",
@@ -23141,6 +23878,39 @@
               "privacy": "public",
               "_ui5since": "1.0.3"
             },
+            {
+              "kind": "field",
+              "name": "accessibleNameRef",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the IDs of the HTML Elements that label the component.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.15.0"
+            },
+            {
+              "kind": "field",
+              "name": "accessibleDescription",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the accessible description of the component.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.15.0"
+            },
+            {
+              "kind": "field",
+              "name": "accessibleDescriptionRef",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the IDs of the HTML Elements that describe the component.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.15.0"
+            },
             {
               "kind": "field",
               "name": "selectionMode",
@@ -23226,6 +23996,33 @@
                 "text": "string | undefined"
               }
             },
+            {
+              "description": "Defines the IDs of the HTML Elements that label the component.",
+              "name": "accessible-name-ref",
+              "default": "undefined",
+              "fieldName": "accessibleNameRef",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "description": "Defines the accessible description of the component.",
+              "name": "accessible-description",
+              "default": "undefined",
+              "fieldName": "accessibleDescription",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "description": "Defines the IDs of the HTML Elements that describe the component.",
+              "name": "accessible-description-ref",
+              "default": "undefined",
+              "fieldName": "accessibleDescriptionRef",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
             {
               "description": "Defines the component selection mode.",
               "name": "selection-mode",
@@ -23348,6 +24145,28 @@
               "privacy": "public",
               "_ui5since": "1.1.0"
             },
+            {
+              "kind": "field",
+              "name": "accessibleDescription",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the accessible description of the component.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.15.0"
+            },
+            {
+              "kind": "field",
+              "name": "accessibleDescriptionRef",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the IDs of the HTML Elements that describe the component.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.15.0"
+            },
             {
               "kind": "field",
               "name": "icon",
@@ -23405,6 +24224,24 @@
                 "text": "string | undefined"
               }
             },
+            {
+              "description": "Defines the accessible description of the component.",
+              "name": "accessible-description",
+              "default": "undefined",
+              "fieldName": "accessibleDescription",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "description": "Defines the IDs of the HTML Elements that describe the component.",
+              "name": "accessible-description-ref",
+              "default": "undefined",
+              "fieldName": "accessibleDescriptionRef",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
             {
               "description": "Defines the icon, displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\nExample:\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
               "name": "icon",
@@ -23593,6 +24430,28 @@
               "privacy": "public",
               "_ui5since": "1.0.0-rc.15"
             },
+            {
+              "kind": "field",
+              "name": "accessibleDescription",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the accessible description of the component.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.14.0"
+            },
+            {
+              "kind": "field",
+              "name": "accessibleDescriptionRef",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Receives id(or many ids) of the elements that describe the select.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.14.0"
+            },
             {
               "kind": "field",
               "name": "tooltip",
@@ -23795,6 +24654,24 @@
                 "text": "string | undefined"
               }
             },
+            {
+              "description": "Defines the accessible description of the component.",
+              "name": "accessible-description",
+              "default": "undefined",
+              "fieldName": "accessibleDescription",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "description": "Receives id(or many ids) of the elements that describe the select.",
+              "name": "accessible-description-ref",
+              "default": "undefined",
+              "fieldName": "accessibleDescriptionRef",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
             {
               "description": "Defines the tooltip of the select.",
               "name": "tooltip",
@@ -24749,7 +25626,7 @@
               "default": "\"Default\"",
               "fieldName": "design",
               "type": {
-                "text": "\"Default\" | \"Positive\" | \"Negative\" | \"Transparent\" | \"Emphasized\" | \"Attention\""
+                "text": "\"Transparent\" | \"Default\" | \"Positive\" | \"Negative\" | \"Emphasized\" | \"Attention\""
               }
             },
             {
@@ -29614,13 +30491,30 @@
               "name": "input",
               "_ui5privacy": "public",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<TextAreaInputEventDetail>",
+                "references": [
+                  {
+                    "name": "TextAreaInputEventDetail",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/TextArea.js"
+                  }
+                ]
               },
               "description": "Fired when the value of the component changes at each keystroke or when\nsomething is pasted.",
-              "_ui5Cancelable": false,
-              "_ui5allowPreventDefault": false,
+              "_ui5Cancelable": true,
+              "_ui5allowPreventDefault": true,
               "_ui5Bubbles": true,
-              "_ui5since": "1.0.0-rc.5"
+              "_ui5since": "1.0.0-rc.5",
+              "_ui5parameters": [
+                {
+                  "type": {
+                    "text": "boolean"
+                  },
+                  "name": "escapePressed",
+                  "_ui5privacy": "public",
+                  "description": "Indicates whether the Escape key was pressed, which triggers a revert to the previous value"
+                }
+              ]
             },
             {
               "name": "select",
@@ -29810,7 +30704,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "### Overview\nThe `ui5-time-picker` component provides an input field with assigned clocks which are opened on user action.\nThe `ui5-time-picker` allows users to select a localized time using touch, mouse, or keyboard input.\nIt consists of two parts: the time input field and the clocks.\n\n### Usage\nThe user can enter a time by:\n\n- Using the clocks that are displayed in a popup\n- Typing it in directly in the input field\n\nWhen the user makes an entry and chooses the enter key, the clocks show the corresponding time (hours, minutes and seconds separately).\nWhen the user directly triggers the clocks display, the actual time is displayed.\nFor the `ui5-time-picker`\n\n### Formatting\n\nIf a time is entered by typing it into\nthe input field, it must fit to the used time format.\n\nSupported format options are pattern-based on Unicode LDML Date Format notation.\nFor more information, see [UTS #35: Unicode Locale Data Markup Language](http://unicode.org/reports/tr35/#Date_Field_Symbol_Table).\n\nFor example, if the `format-pattern` is \"HH:mm:ss\",\na valid value string is \"11:42:35\" and the same is displayed in the input.\n\n### Keyboard handling\n[F4], [Alt]+[Up], [Alt]+[Down] Open/Close picker dialog and move focus to it.\n\nWhen closed:\n\n- [Page Up] - Increments hours by 1. If 12 am is reached, increment hours to 1 pm and vice versa.\n- [Page Down] - Decrements the corresponding field by 1. If 1 pm is reached, decrement hours to 12 am and vice versa.\n- [Shift]+[Page Up] - Increments minutes by 1.\n- [Shift]+[Page Down] - Decrements minutes by 1.\n- [Shift]+[Ctrl]+[Page Up] - Increments seconds by 1.\n- [Shift]+[Ctrl]+[Page Down] - Decrements seconds by 1.\n-\n\nWhen opened:\n\n- [Page Up] - Increments hours by 1. If 12 am is reached, increment hours to 1 pm and vice versa.\n- [Page Down] - Decrements the corresponding field by 1. If 1 pm is reached, decrement hours to 12 am and vice versa.\n- [Shift]+[Page Up] - Increments minutes by 1.\n- [Shift]+[Page Down] - Decrements minutes by 1.\n- [Shift]+[Ctrl]+[Page Up] - Increments seconds by 1.\n- [Shift]+[Ctrl]+[Page Down] - Decrements seconds by 1.\n- [A] or [P] - Selects AM or PM respectively.\n- [0]-[9] - Allows direct time selecting (hours/minutes/seconds).\n- [:] - Allows switching between hours/minutes/seconds clocks. If the last clock is displayed and [:] is pressed, the first clock is beind displayed.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TimePicker.js\";`",
+          "description": "### Overview\nThe `ui5-time-picker` component provides an input field with assigned clocks which are opened on user action.\nThe `ui5-time-picker` allows users to select a localized time using touch, mouse, or keyboard input.\nIt consists of two parts: the time input field and the clocks.\n\n### Usage\nThe user can enter a time by:\n\n- Using the clocks that are displayed in a popup\n- Typing it in directly in the input field\n\nWhen the user makes an entry and chooses the enter key, the clocks show the corresponding time (hours, minutes and seconds separately).\nWhen the user directly triggers the clocks display, the actual time is displayed.\nFor the `ui5-time-picker`\n\n### Formatting\n\nIf a time is entered by typing it into\nthe input field, it must fit to the used time format.\n\nSupported format options are pattern-based on Unicode LDML Date Format notation.\nFor more information, see [UTS #35: Unicode Locale Data Markup Language](https://unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table).\n\nFor example, if the `format-pattern` is \"HH:mm:ss\",\na valid value string is \"11:42:35\" and the same is displayed in the input.\n\n### Keyboard handling\n[F4], [Alt]+[Up], [Alt]+[Down] Open/Close picker dialog and move focus to it.\n\nWhen closed:\n\n- [Page Up] - Increments hours by 1. If 12 am is reached, increment hours to 1 pm and vice versa.\n- [Page Down] - Decrements the corresponding field by 1. If 1 pm is reached, decrement hours to 12 am and vice versa.\n- [Shift]+[Page Up] - Increments minutes by 1.\n- [Shift]+[Page Down] - Decrements minutes by 1.\n- [Shift]+[Ctrl]+[Page Up] - Increments seconds by 1.\n- [Shift]+[Ctrl]+[Page Down] - Decrements seconds by 1.\n-\n\nWhen opened:\n\n- [Page Up] - Increments hours by 1. If 12 am is reached, increment hours to 1 pm and vice versa.\n- [Page Down] - Decrements the corresponding field by 1. If 1 pm is reached, decrement hours to 12 am and vice versa.\n- [Shift]+[Page Up] - Increments minutes by 1.\n- [Shift]+[Page Down] - Decrements minutes by 1.\n- [Shift]+[Ctrl]+[Page Up] - Increments seconds by 1.\n- [Shift]+[Ctrl]+[Page Down] - Decrements seconds by 1.\n- [A] or [P] - Selects AM or PM respectively.\n- [0]-[9] - Allows direct time selecting (hours/minutes/seconds).\n- [:] - Allows switching between hours/minutes/seconds clocks. If the last clock is displayed and [:] is pressed, the first clock is beind displayed.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TimePicker.js\";`",
           "name": "TimePicker",
           "slots": [
             {
@@ -29948,6 +30842,28 @@
               "privacy": "public",
               "_ui5since": "2.1.0"
             },
+            {
+              "kind": "field",
+              "name": "accessibleDescription",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the accessible description of the component.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.14.0"
+            },
+            {
+              "kind": "field",
+              "name": "accessibleDescriptionRef",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Receives id(or many ids) of the elements that describe the input.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.14.0"
+            },
             {
               "kind": "field",
               "name": "dateValue",
@@ -30201,6 +31117,24 @@
                 "text": "string | undefined"
               }
             },
+            {
+              "description": "Defines the accessible description of the component.",
+              "name": "accessible-description",
+              "default": "undefined",
+              "fieldName": "accessibleDescription",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "description": "Receives id(or many ids) of the elements that describe the input.",
+              "name": "accessible-description-ref",
+              "default": "undefined",
+              "fieldName": "accessibleDescriptionRef",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
             {
               "description": "Currently selected time represented as JavaScript Date instance",
               "name": "date-value",
@@ -30831,7 +31765,7 @@
               "default": "\"Default\"",
               "fieldName": "design",
               "type": {
-                "text": "\"Default\" | \"Positive\" | \"Negative\" | \"Transparent\" | \"Emphasized\" | \"Attention\""
+                "text": "\"Transparent\" | \"Default\" | \"Positive\" | \"Negative\" | \"Emphasized\" | \"Attention\""
               },
               "inheritedFrom": {
                 "name": "Button",
@@ -31878,7 +32812,7 @@
               "default": "\"Default\"",
               "fieldName": "design",
               "type": {
-                "text": "\"Default\" | \"Positive\" | \"Negative\" | \"Transparent\" | \"Emphasized\" | \"Attention\""
+                "text": "\"Transparent\" | \"Default\" | \"Positive\" | \"Negative\" | \"Emphasized\" | \"Attention\""
               }
             },
             {
diff --git a/.storybook/manager.tsx b/.storybook/manager.tsx
index 29ae77b2bfe..7d3e751dc6d 100644
--- a/.storybook/manager.tsx
+++ b/.storybook/manager.tsx
@@ -64,7 +64,7 @@ addons.setConfig({
       const isExperimental = tags.includes('experimental');
       const isDeprecated = tags.includes('deprecated');
 
-      if (item.type !== 'component' && item.type !== 'docs') {
+      if ((item.type !== 'component' && item.type !== 'docs') || (item.type === 'docs' && item.name === 'Docs')) {
         return item.name;
       }
 
diff --git a/config/version-info.json b/config/version-info.json
index 166ebdf8911..46c1c951bae 100644
--- a/config/version-info.json
+++ b/config/version-info.json
@@ -55,5 +55,6 @@
   "2.10.0": "2.10.0",
   "2.11.0": "2.11.0",
   "2.12.0": "2.12.0",
-  "2.13.1": "2.13.0"
+  "2.13.1": "2.13.0",
+  "2.14.0": "2.14.0"
 }
diff --git a/package.json b/package.json
index d3461dba24e..2850bc80d1d 100644
--- a/package.json
+++ b/package.json
@@ -40,11 +40,11 @@
     "@storybook/addon-a11y": "9.1.3",
     "@storybook/addon-docs": "9.1.3",
     "@storybook/react-vite": "9.1.3",
-    "@ui5/webcomponents": "2.13.3",
-    "@ui5/webcomponents-ai": "2.13.3",
-    "@ui5/webcomponents-compat": "2.13.3",
-    "@ui5/webcomponents-fiori": "2.13.3",
-    "@ui5/webcomponents-icons": "2.13.3",
+    "@ui5/webcomponents": "2.14.0",
+    "@ui5/webcomponents-ai": "2.14.0",
+    "@ui5/webcomponents-compat": "2.14.0",
+    "@ui5/webcomponents-fiori": "2.14.0",
+    "@ui5/webcomponents-icons": "2.14.0",
     "react": "19.1.1",
     "react-dom": "19.1.1",
     "remark-gfm": "4.0.1",
@@ -66,7 +66,7 @@
     "@types/node": "22.17.2",
     "@types/react": "19.1.11",
     "@types/react-dom": "19.1.7",
-    "@ui5/webcomponents-tools": "2.13.3",
+    "@ui5/webcomponents-tools": "2.14.0",
     "@vitejs/plugin-react": "5.0.2",
     "chromatic": "13.1.3",
     "cssnano": "7.1.1",
diff --git a/packages/ai/package.json b/packages/ai/package.json
index aa01eb4ca07..63363364290 100644
--- a/packages/ai/package.json
+++ b/packages/ai/package.json
@@ -45,7 +45,7 @@
     "@ui5/webcomponents-react-base": "workspace:~"
   },
   "peerDependencies": {
-    "@ui5/webcomponents-ai": "~2.13.1",
+    "@ui5/webcomponents-ai": "~2.14.0",
     "react": "^18 || ^19"
   },
   "publishConfig": {
diff --git a/packages/base/package.json b/packages/base/package.json
index c42f45f47dc..b8f2df71ac9 100644
--- a/packages/base/package.json
+++ b/packages/base/package.json
@@ -68,7 +68,7 @@
   },
   "peerDependencies": {
     "@types/react": "*",
-    "@ui5/webcomponents-base": "~2.13.1",
+    "@ui5/webcomponents-base": "~2.14.0",
     "react": "^18 || ^19"
   },
   "peerDependenciesMeta": {
diff --git a/packages/charts/package.json b/packages/charts/package.json
index f639e830bf3..acb47d19822 100644
--- a/packages/charts/package.json
+++ b/packages/charts/package.json
@@ -131,8 +131,8 @@
     "recharts": "2.15.4"
   },
   "peerDependencies": {
-    "@ui5/webcomponents-react": "~2.13.0",
-    "@ui5/webcomponents-react-base": "~2.13.0",
+    "@ui5/webcomponents-react": "~2.14.0",
+    "@ui5/webcomponents-react-base": "~2.14.0",
     "react": "^18 || ^19"
   },
   "publishConfig": {
diff --git a/packages/compat/package.json b/packages/compat/package.json
index 23488024e02..4370eeef23a 100644
--- a/packages/compat/package.json
+++ b/packages/compat/package.json
@@ -93,8 +93,8 @@
   "peerDependencies": {
     "@types/react": "*",
     "@types/react-dom": "*",
-    "@ui5/webcomponents-compat": "~2.13.1",
-    "@ui5/webcomponents-react": "~2.13.0",
+    "@ui5/webcomponents-compat": "~2.14.0",
+    "@ui5/webcomponents-react": "~2.14.0",
     "react": "^18 || ^19",
     "react-dom": "^18 || ^19"
   },
diff --git a/packages/cypress-commands/package.json b/packages/cypress-commands/package.json
index f671f87530c..626926f354a 100644
--- a/packages/cypress-commands/package.json
+++ b/packages/cypress-commands/package.json
@@ -23,8 +23,8 @@
     "clean": "rimraf dist api-commands.json api-queries.json"
   },
   "peerDependencies": {
-    "@ui5/webcomponents": "~2.13.1",
-    "@ui5/webcomponents-base": "~2.13.1",
+    "@ui5/webcomponents": "~2.14.0",
+    "@ui5/webcomponents-base": "~2.14.0",
     "cypress": "^12 || ^13 || ^14 || ^15"
   },
   "peerDependenciesMeta": {
diff --git a/packages/main/package.json b/packages/main/package.json
index eb76f0cc2fc..32a3e8e1ad1 100644
--- a/packages/main/package.json
+++ b/packages/main/package.json
@@ -464,6 +464,10 @@
       "types": "./dist/webComponents/SearchItemGroup/index.d.ts",
       "default": "./dist/webComponents/SearchItemGroup/index.js"
     },
+    "./SearchItemShowMore": {
+      "types": "./dist/webComponents/SearchItemShowMore/index.d.ts",
+      "default": "./dist/webComponents/SearchItemShowMore/index.js"
+    },
     "./SearchMessageArea": {
       "types": "./dist/webComponents/SearchMessageArea/index.d.ts",
       "default": "./dist/webComponents/SearchMessageArea/index.js"
@@ -785,10 +789,10 @@
   "peerDependencies": {
     "@types/react": "*",
     "@types/react-dom": "*",
-    "@ui5/webcomponents": "~2.13.1",
-    "@ui5/webcomponents-base": "~2.13.1",
-    "@ui5/webcomponents-fiori": "~2.13.1",
-    "@ui5/webcomponents-icons": "~2.13.1",
+    "@ui5/webcomponents": "~2.14.0",
+    "@ui5/webcomponents-base": "~2.14.0",
+    "@ui5/webcomponents-fiori": "~2.14.0",
+    "@ui5/webcomponents-icons": "~2.14.0",
     "react": "^18 || ^19",
     "react-dom": "^18 || ^19"
   },
diff --git a/packages/main/src/components/AnalyticalTable/AnalyticalTable.module.css b/packages/main/src/components/AnalyticalTable/AnalyticalTable.module.css
index 87bf4b40ca7..db500e95828 100644
--- a/packages/main/src/components/AnalyticalTable/AnalyticalTable.module.css
+++ b/packages/main/src/components/AnalyticalTable/AnalyticalTable.module.css
@@ -572,9 +572,13 @@
 }
 
 /* ==========================================================================
-   VerticalScrollbar styles
+   (Vertical)Scrollbar styles
    ========================================================================== */
 
+.verticalScrollbarContainer {
+  position: relative;
+}
+
 .headerSection {
   box-sizing: border-box;
   border-block-start: var(--_ui5wcr-AnalyticalTable-OuterBorderBlock);
@@ -594,6 +598,52 @@
   box-sizing: border-box;
 }
 
+.scrollbar:global(.ui5-content-native-scrollbars) {
+  background-color: var(--sapList_Background);
+  width: calc(var(--sapScrollBar_Dimension) + 2px);
+}
+
+.analyticalTableDelta:global(.ui5-content-native-scrollbars) {
+  &::-webkit-scrollbar {
+    background-color: var(--sapScrollBar_TrackColor);
+    -webkit-border-start: var(--_ui5wcr_Scrollbar_Border);
+  }
+
+  &::-webkit-scrollbar-thumb {
+    border-radius: var(--_ui5wcr_Scrollbar_BorderRadius);
+    background-color: var(--sapScrollBar_FaceColor);
+
+    &:hover {
+      background-color: var(--sapScrollBar_FaceColor);
+    }
+
+    &:horizontal {
+      height: var(--sapScrollBar_Dimension);
+    }
+
+    &:vertical {
+      width: var(--sapScrollBar_Dimension);
+    }
+  }
+
+  &::-webkit-scrollbar-corner {
+    background-color: var(--sapScrollBar_TrackColor);
+  }
+
+  &::-webkit-scrollbar:horizontal {
+    height: var(--sapScrollBar_Dimension);
+  }
+
+  &::-webkit-scrollbar:vertical {
+    width: var(--sapScrollBar_Dimension);
+  }
+}
+
+.verticalScroller {
+  width: 1px;
+  background-color: var(--sapList_Background);
+}
+
 .bottomSection {
   flex-grow: 1;
   background-color: var(--sapList_FooterBackground);
diff --git a/packages/main/src/components/AnalyticalTable/AnalyticalTable.stories.tsx b/packages/main/src/components/AnalyticalTable/AnalyticalTable.stories.tsx
index 914910ecef7..6228fa2d062 100644
--- a/packages/main/src/components/AnalyticalTable/AnalyticalTable.stories.tsx
+++ b/packages/main/src/components/AnalyticalTable/AnalyticalTable.stories.tsx
@@ -607,13 +607,18 @@ export const NoData: Story = {
             }
           />
         ) : (
-          <ToggleableTable
-            {...args}
-            data={selected === 'data' ? args.data : []}
-            NoDataComponent={
-              selected === 'noData' ? undefined : () => <IllustratedMessage role="gridcell" name={NoDataIllustration} />
-            }
-          />
+          <>
+            <hr />
+            <ToggleableTable
+              {...args}
+              data={selected === 'data' ? args.data : []}
+              NoDataComponent={
+                selected === 'noData'
+                  ? undefined
+                  : () => <IllustratedMessage role="gridcell" name={NoDataIllustration} />
+              }
+            />
+          </>
         )}
       </>
     );
diff --git a/packages/main/src/components/AnalyticalTable/AnalyticalTableHooks.mdx b/packages/main/src/components/AnalyticalTable/AnalyticalTableHooks.mdx
index 4d34677e08b..1a8449c5b98 100644
--- a/packages/main/src/components/AnalyticalTable/AnalyticalTableHooks.mdx
+++ b/packages/main/src/components/AnalyticalTable/AnalyticalTableHooks.mdx
@@ -11,6 +11,7 @@ import { ImportStatement } from '@sb/components/Import';
 We're offering plugin hooks to extend the functionality of the `AnalyticalTable` component. The following hooks are available:
 
 - [useAnnounceEmptyCells](?path=/docs/data-display-analyticaltable-plugin-hooks-useannounceemptycells--docs)
+- [useF2CellEdit](?path=/docs/data-display-analyticaltable-plugin-hooks-usef2celledit--docs)
 - [useIndeterminateRowSelection](?path=/docs/data-display-analyticaltable-plugin-hooks-useindeterminaterowselection--docs)
 - [useManualRowSelect](?path=/docs/data-display-analyticaltable-plugin-hooks-usemanualrowselect--docs)
 - [useOnColumnResize](?path=/docs/data-display-analyticaltable-plugin-hooks-useoncolumnresize--docs)
diff --git a/packages/main/src/components/AnalyticalTable/index.tsx b/packages/main/src/components/AnalyticalTable/index.tsx
index b5aab724f06..a2bae2c6988 100644
--- a/packages/main/src/components/AnalyticalTable/index.tsx
+++ b/packages/main/src/components/AnalyticalTable/index.tsx
@@ -188,6 +188,7 @@ const AnalyticalTable = forwardRef<AnalyticalTableDomRef, AnalyticalTablePropTyp
   useStylesheet(styleData, AnalyticalTable.displayName);
   const isInitialized = useRef(false);
 
+  const nativeScrollbar = className?.includes('ui5-content-native-scrollbars');
   const alwaysShowSubComponent =
     subComponentsBehavior === AnalyticalTableSubComponentsBehavior.Visible ||
     subComponentsBehavior === AnalyticalTableSubComponentsBehavior.IncludeHeight;
@@ -700,7 +701,9 @@ const AnalyticalTable = forwardRef<AnalyticalTableDomRef, AnalyticalTablePropTyp
     classNames.table,
     withNavigationHighlight && classNames.hasNavigationIndicator,
     showVerticalEndBorder && classNames.showVerticalEndBorder,
-    className?.includes('ui5-content-native-scrollbars') && 'ui5-content-native-scrollbars',
+    nativeScrollbar
+      ? 'ui5-content-native-scrollbars'
+      : `ui5-content-native-scrollbars ${classNames.analyticalTableDelta}`,
   );
 
   const handleOnLoadMore = (e) => {
@@ -898,7 +901,7 @@ const AnalyticalTable = forwardRef<AnalyticalTableDomRef, AnalyticalTablePropTyp
               ref={verticalScrollBarRef}
               scrollContainerRef={scrollContainerRef}
               parentRef={parentRef}
-              nativeScrollbar={className?.includes('ui5-content-native-scrollbars')}
+              nativeScrollbar={nativeScrollbar}
               classNames={classNames}
             />
           )}
diff --git a/packages/main/src/components/AnalyticalTable/scrollbars/VerticalScrollbar.tsx b/packages/main/src/components/AnalyticalTable/scrollbars/VerticalScrollbar.tsx
index 631163341d8..e114a4b2254 100644
--- a/packages/main/src/components/AnalyticalTable/scrollbars/VerticalScrollbar.tsx
+++ b/packages/main/src/components/AnalyticalTable/scrollbars/VerticalScrollbar.tsx
@@ -1,4 +1,4 @@
-import { ThemingParameters, useSyncRef } from '@ui5/webcomponents-react-base';
+import { useSyncRef } from '@ui5/webcomponents-react-base';
 import { clsx } from 'clsx';
 import type { MutableRefObject, RefObject } from 'react';
 import { forwardRef, useEffect, useRef } from 'react';
@@ -51,7 +51,7 @@ export const VerticalScrollbar = forwardRef<HTMLDivElement, VerticalScrollbarPro
   return (
     <FlexBox
       direction={FlexBoxDirection.Column}
-      style={{ position: 'relative' }}
+      className={classNames.verticalScrollbarContainer}
       data-component-name="AnalyticalTableVerticalScrollbarContainer"
     >
       <div
@@ -66,16 +66,20 @@ export const VerticalScrollbar = forwardRef<HTMLDivElement, VerticalScrollbarPro
           height: tableRef.current ? `${tableBodyHeight}px` : '0',
         }}
         onScroll={handleVerticalScrollBarScroll}
-        className={clsx(classNames.scrollbar, nativeScrollbar && 'ui5-content-native-scrollbars')}
+        className={clsx(
+          classNames.scrollbar,
+          nativeScrollbar
+            ? 'ui5-content-native-scrollbars'
+            : `ui5-content-native-scrollbars ${classNames.analyticalTableDelta}`,
+        )}
         data-component-name="AnalyticalTableVerticalScrollbar"
         tabIndex={-1}
       >
         <div
           ref={scrollElementRef}
+          className={classNames.verticalScroller}
           style={{
             height: `${scrollContainerRef.current?.scrollHeight}px`,
-            width: '1px',
-            backgroundColor: ThemingParameters.sapList_Background,
           }}
         />
       </div>
diff --git a/packages/main/src/components/AnalyticalTable/types/index.ts b/packages/main/src/components/AnalyticalTable/types/index.ts
index d58f6d994de..80846e5c3b5 100644
--- a/packages/main/src/components/AnalyticalTable/types/index.ts
+++ b/packages/main/src/components/AnalyticalTable/types/index.ts
@@ -1033,7 +1033,10 @@ export interface AnalyticalTablePropTypes extends Omit<CommonProps, 'title'> {
   /**
    * Component that will be rendered when the table is not loading and has no data.
    *
-   * __Note:__ Although this prop accepts all React components, it is strongly recommended that you use `IllustratedMessage` with `design="Auto"` to preserve the intended design.
+   * __Note:__
+   * - Although this prop accepts all React components, it is strongly recommended that you use `IllustratedMessage` with `design="Auto"` to preserve the intended design.
+   * - For `visibleRowCountMode`s "Auto" and "AutoWithEmptyRows", the `NoDataComponent` spreads to the available space below the header row, otherwise the `minRows` prop defines the minimum height of the table body.
+   * - To prevent overflow, ensure the table body is at least **60 px** tall when displaying an `IllustratedMessage`.
    *
    * @default DefaultNoDataComponent
    */
diff --git a/packages/main/src/components/ThemeProvider/ThemeProvider.css b/packages/main/src/components/ThemeProvider/ThemeProvider.css
index 87e7294af35..bd371c32ca3 100644
--- a/packages/main/src/components/ThemeProvider/ThemeProvider.css
+++ b/packages/main/src/components/ThemeProvider/ThemeProvider.css
@@ -14,38 +14,4 @@
 @import '../../themes/sap_horizon_hcb.css';
 @import '../../themes/sap_horizon_hcw.css';
 
-:not(.ui5-content-native-scrollbars) {
-  &::-webkit-scrollbar {
-    background-color: var(--sapScrollBar_TrackColor);
-    -webkit-border-start: var(--_ui5wcr_Scrollbar_Border);
-  }
 
-  &::-webkit-scrollbar-thumb {
-    border-radius: var(--_ui5wcr_Scrollbar_BorderRadius);
-    background-color: var(--sapScrollBar_FaceColor);
-
-    &:hover {
-      background-color: var(--sapScrollBar_Hover_FaceColor);
-    }
-
-    &:horizontal {
-      height: var(--sapScrollBar_Dimension);
-    }
-
-    &:vertical {
-      width: var(--sapScrollBar_Dimension);
-    }
-  }
-
-  &::-webkit-scrollbar-corner {
-    background-color: var(--sapScrollBar_TrackColor);
-  }
-
-  &::-webkit-scrollbar:horizontal {
-    height: var(--sapScrollBar_Dimension);
-  }
-
-  &::-webkit-scrollbar:vertical {
-    width: var(--sapScrollBar_Dimension);
-  }
-}
diff --git a/packages/main/src/webComponents/Calendar/index.tsx b/packages/main/src/webComponents/Calendar/index.tsx
index 08e8776d1a0..de68add2853 100644
--- a/packages/main/src/webComponents/Calendar/index.tsx
+++ b/packages/main/src/webComponents/Calendar/index.tsx
@@ -19,9 +19,18 @@ interface CalendarAttributes {
    */
   calendarWeekNumbering?: CalendarWeekNumbering | keyof typeof CalendarWeekNumbering;
 
+  /**
+   * Determines the format, displayed in the input field.
+   *
+   * **Note:** Available since [v2.14.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.14.0) of **@ui5/webcomponents**.
+   * @default undefined
+   */
+  displayFormat?: string | undefined;
+
   /**
    * Determines the format, displayed in the input field.
    * @default undefined
+   * @deprecated Use displayFormat and valueFormat instead
    */
   formatPattern?: string | undefined;
 
@@ -72,6 +81,14 @@ interface CalendarAttributes {
    * @default "Single"
    */
   selectionMode?: CalendarSelectionMode | keyof typeof CalendarSelectionMode;
+
+  /**
+   * Determines the format, used for the value attribute.
+   *
+   * **Note:** Available since [v2.14.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.14.0) of **@ui5/webcomponents**.
+   * @default undefined
+   */
+  valueFormat?: string | undefined;
 }
 
 interface CalendarDomRef extends Required<CalendarAttributes>, Ui5DomRef {}
@@ -219,12 +236,14 @@ const Calendar = withWebComponent<CalendarPropTypes, CalendarDomRef>(
   'ui5-calendar',
   [
     'calendarWeekNumbering',
+    'displayFormat',
     'formatPattern',
     'maxDate',
     'minDate',
     'primaryCalendarType',
     'secondaryCalendarType',
     'selectionMode',
+    'valueFormat',
   ],
   ['hideWeekNumbers'],
   ['calendarLegend', 'specialDates'],
diff --git a/packages/main/src/webComponents/DatePicker/index.tsx b/packages/main/src/webComponents/DatePicker/index.tsx
index caf8cc0cf8d..e81a450165f 100644
--- a/packages/main/src/webComponents/DatePicker/index.tsx
+++ b/packages/main/src/webComponents/DatePicker/index.tsx
@@ -13,6 +13,22 @@ import { withWebComponent } from '@ui5/webcomponents-react-base';
 import type { CommonProps, Ui5CustomEvent, Ui5DomRef, UI5WCSlotsNode } from '@ui5/webcomponents-react-base';
 
 interface DatePickerAttributes {
+  /**
+   * Defines the accessible description of the component.
+   *
+   * **Note:** Available since [v2.14.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.14.0) of **@ui5/webcomponents**.
+   * @default undefined
+   */
+  accessibleDescription?: string | undefined;
+
+  /**
+   * Receives id(or many ids) of the elements that describe the input.
+   *
+   * **Note:** Available since [v2.14.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.14.0) of **@ui5/webcomponents**.
+   * @default undefined
+   */
+  accessibleDescriptionRef?: string | undefined;
+
   /**
    * Defines the aria-label attribute for the component.
    * @default undefined
@@ -40,9 +56,18 @@ interface DatePickerAttributes {
    */
   disabled?: boolean;
 
+  /**
+   * Determines the format, displayed in the input field.
+   *
+   * **Note:** Available since [v2.14.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.14.0) of **@ui5/webcomponents**.
+   * @default undefined
+   */
+  displayFormat?: string | undefined;
+
   /**
    * Determines the format, displayed in the input field.
    * @default undefined
+   * @deprecated Use displayFormat and valueFormat instead
    */
   formatPattern?: string | undefined;
 
@@ -126,6 +151,14 @@ interface DatePickerAttributes {
    */
   value?: string;
 
+  /**
+   * Determines the format, used for the value attribute.
+   *
+   * **Note:** Available since [v2.14.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.14.0) of **@ui5/webcomponents**.
+   * @default undefined
+   */
+  valueFormat?: string | undefined;
+
   /**
    * Defines the value state of the component.
    * @default "None"
@@ -156,10 +189,26 @@ interface DatePickerDomRef extends Required<DatePickerAttributes>, Ui5DomRef {
 
   /**
    * Checks if a value is valid against the current date format of the DatePicker.
+   *
+   * @deprecated Use isValidValue or isValidDisplayValue instead
    * @param {string} value - A value to be tested against the current date format
    * @returns {boolean}
    */
   isValid: (value: string) => boolean;
+
+  /**
+   * Checks if a value is valid against the current date format of the DatePicker.
+   * @param {string} value - A value to be tested against the current date format
+   * @returns {boolean}
+   */
+  isValidDisplayValue: (value: string) => boolean;
+
+  /**
+   * Checks if a value is valid against the current date format of the DatePicker.
+   * @param {string} value - A value to be tested against the current date format
+   * @returns {boolean}
+   */
+  isValidValue: (value: string) => boolean;
 }
 
 interface DatePickerPropTypes
@@ -269,7 +318,7 @@ interface DatePickerPropTypes
  * the input field, it must fit to the used date format.
  *
  * Supported format options are pattern-based on Unicode LDML Date Format notation.
- * For more information, see [UTS #35: Unicode Locale Data Markup Language](http://unicode.org/reports/tr35/#Date_Field_Symbol_Table).
+ * For more information, see [UTS #35: Unicode Locale Data Markup Language](https://unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table).
  *
  * For example, if the `format-pattern` is "yyyy-MM-dd",
  * a valid value string is "2015-07-30" and the same is displayed in the input.
@@ -323,9 +372,12 @@ interface DatePickerPropTypes
 const DatePicker = withWebComponent<DatePickerPropTypes, DatePickerDomRef>(
   'ui5-date-picker',
   [
+    'accessibleDescription',
+    'accessibleDescriptionRef',
     'accessibleName',
     'accessibleNameRef',
     'calendarWeekNumbering',
+    'displayFormat',
     'formatPattern',
     'maxDate',
     'minDate',
@@ -334,6 +386,7 @@ const DatePicker = withWebComponent<DatePickerPropTypes, DatePickerDomRef>(
     'primaryCalendarType',
     'secondaryCalendarType',
     'value',
+    'valueFormat',
     'valueState',
   ],
   ['disabled', 'hideWeekNumbers', 'open', 'readonly', 'required'],
diff --git a/packages/main/src/webComponents/DateRangePicker/index.tsx b/packages/main/src/webComponents/DateRangePicker/index.tsx
index ac05428282d..8c22c6f1fed 100644
--- a/packages/main/src/webComponents/DateRangePicker/index.tsx
+++ b/packages/main/src/webComponents/DateRangePicker/index.tsx
@@ -13,6 +13,22 @@ import { withWebComponent } from '@ui5/webcomponents-react-base';
 import type { CommonProps, Ui5CustomEvent, Ui5DomRef, UI5WCSlotsNode } from '@ui5/webcomponents-react-base';
 
 interface DateRangePickerAttributes {
+  /**
+   * Defines the accessible description of the component.
+   *
+   * **Note:** Available since [v2.14.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.14.0) of **@ui5/webcomponents**.
+   * @default undefined
+   */
+  accessibleDescription?: string | undefined;
+
+  /**
+   * Receives id(or many ids) of the elements that describe the input.
+   *
+   * **Note:** Available since [v2.14.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.14.0) of **@ui5/webcomponents**.
+   * @default undefined
+   */
+  accessibleDescriptionRef?: string | undefined;
+
   /**
    * Defines the aria-label attribute for the component.
    * @default undefined
@@ -47,9 +63,18 @@ interface DateRangePickerAttributes {
    */
   disabled?: boolean;
 
+  /**
+   * Determines the format, displayed in the input field.
+   *
+   * **Note:** Available since [v2.14.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.14.0) of **@ui5/webcomponents**.
+   * @default undefined
+   */
+  displayFormat?: string | undefined;
+
   /**
    * Determines the format, displayed in the input field.
    * @default undefined
+   * @deprecated Use displayFormat and valueFormat instead
    */
   formatPattern?: string | undefined;
 
@@ -133,6 +158,14 @@ interface DateRangePickerAttributes {
    */
   value?: string;
 
+  /**
+   * Determines the format, used for the value attribute.
+   *
+   * **Note:** Available since [v2.14.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.14.0) of **@ui5/webcomponents**.
+   * @default undefined
+   */
+  valueFormat?: string | undefined;
+
   /**
    * Defines the value state of the component.
    * @default "None"
@@ -173,11 +206,27 @@ interface DateRangePickerDomRef extends Required<DateRangePickerAttributes>, Ui5
 
   /**
    * Checks if a value is valid against the current date format of the DatePicker.
+   *
+   * @deprecated Use isValidValue or isValidDisplayValue instead
    * @param {string} value - A value to be tested against the current date format
    * @returns {boolean}
    */
   isValid: (value: string) => boolean;
 
+  /**
+   * Checks if a value is valid against the current date format of the DatePicker.
+   * @param {string} value - A value to be tested against the current date format
+   * @returns {boolean}
+   */
+  isValidDisplayValue: (value: string) => boolean;
+
+  /**
+   * Checks if a value is valid against the current date format of the DatePicker.
+   * @param {string} value - A value to be tested against the current date format
+   * @returns {boolean}
+   */
+  isValidValue: (value: string) => boolean;
+
   /**
    * Returns the start date of the currently selected range as JavaScript Date instance.
    */
@@ -297,10 +346,13 @@ interface DateRangePickerPropTypes
 const DateRangePicker = withWebComponent<DateRangePickerPropTypes, DateRangePickerDomRef>(
   'ui5-daterange-picker',
   [
+    'accessibleDescription',
+    'accessibleDescriptionRef',
     'accessibleName',
     'accessibleNameRef',
     'calendarWeekNumbering',
     'delimiter',
+    'displayFormat',
     'formatPattern',
     'maxDate',
     'minDate',
@@ -309,6 +361,7 @@ const DateRangePicker = withWebComponent<DateRangePickerPropTypes, DateRangePick
     'primaryCalendarType',
     'secondaryCalendarType',
     'value',
+    'valueFormat',
     'valueState',
   ],
   ['disabled', 'hideWeekNumbers', 'open', 'readonly', 'required'],
diff --git a/packages/main/src/webComponents/DateTimePicker/index.tsx b/packages/main/src/webComponents/DateTimePicker/index.tsx
index fa884c3b08a..dcb760e80a6 100644
--- a/packages/main/src/webComponents/DateTimePicker/index.tsx
+++ b/packages/main/src/webComponents/DateTimePicker/index.tsx
@@ -13,6 +13,22 @@ import { withWebComponent } from '@ui5/webcomponents-react-base';
 import type { CommonProps, Ui5CustomEvent, Ui5DomRef, UI5WCSlotsNode } from '@ui5/webcomponents-react-base';
 
 interface DateTimePickerAttributes {
+  /**
+   * Defines the accessible description of the component.
+   *
+   * **Note:** Available since [v2.14.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.14.0) of **@ui5/webcomponents**.
+   * @default undefined
+   */
+  accessibleDescription?: string | undefined;
+
+  /**
+   * Receives id(or many ids) of the elements that describe the input.
+   *
+   * **Note:** Available since [v2.14.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.14.0) of **@ui5/webcomponents**.
+   * @default undefined
+   */
+  accessibleDescriptionRef?: string | undefined;
+
   /**
    * Defines the aria-label attribute for the component.
    * @default undefined
@@ -40,9 +56,18 @@ interface DateTimePickerAttributes {
    */
   disabled?: boolean;
 
+  /**
+   * Determines the format, displayed in the input field.
+   *
+   * **Note:** Available since [v2.14.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.14.0) of **@ui5/webcomponents**.
+   * @default undefined
+   */
+  displayFormat?: string | undefined;
+
   /**
    * Determines the format, displayed in the input field.
    * @default undefined
+   * @deprecated Use displayFormat and valueFormat instead
    */
   formatPattern?: string | undefined;
 
@@ -126,6 +151,14 @@ interface DateTimePickerAttributes {
    */
   value?: string;
 
+  /**
+   * Determines the format, used for the value attribute.
+   *
+   * **Note:** Available since [v2.14.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.14.0) of **@ui5/webcomponents**.
+   * @default undefined
+   */
+  valueFormat?: string | undefined;
+
   /**
    * Defines the value state of the component.
    * @default "None"
@@ -156,10 +189,26 @@ interface DateTimePickerDomRef extends Required<DateTimePickerAttributes>, Ui5Do
 
   /**
    * Checks if a value is valid against the current date format of the DatePicker.
+   *
+   * @deprecated Use isValidValue or isValidDisplayValue instead
    * @param {string} value - A value to be tested against the current date format
    * @returns {boolean}
    */
   isValid: (value: string) => boolean;
+
+  /**
+   * Checks if a value is valid against the current date format of the DatePicker.
+   * @param {string} value - A value to be tested against the current date format
+   * @returns {boolean}
+   */
+  isValidDisplayValue: (value: string) => boolean;
+
+  /**
+   * Checks if a value is valid against the current date format of the DatePicker.
+   * @param {string} value - A value to be tested against the current date format
+   * @returns {boolean}
+   */
+  isValidValue: (value: string) => boolean;
 }
 
 interface DateTimePickerPropTypes
@@ -305,9 +354,12 @@ interface DateTimePickerPropTypes
 const DateTimePicker = withWebComponent<DateTimePickerPropTypes, DateTimePickerDomRef>(
   'ui5-datetime-picker',
   [
+    'accessibleDescription',
+    'accessibleDescriptionRef',
     'accessibleName',
     'accessibleNameRef',
     'calendarWeekNumbering',
+    'displayFormat',
     'formatPattern',
     'maxDate',
     'minDate',
@@ -316,6 +368,7 @@ const DateTimePicker = withWebComponent<DateTimePickerPropTypes, DateTimePickerD
     'primaryCalendarType',
     'secondaryCalendarType',
     'value',
+    'valueFormat',
     'valueState',
   ],
   ['disabled', 'hideWeekNumbers', 'open', 'readonly', 'required'],
diff --git a/packages/main/src/webComponents/DynamicDateRange/index.tsx b/packages/main/src/webComponents/DynamicDateRange/index.tsx
index 3cd3191c966..2122ab0a2cd 100644
--- a/packages/main/src/webComponents/DynamicDateRange/index.tsx
+++ b/packages/main/src/webComponents/DynamicDateRange/index.tsx
@@ -63,6 +63,16 @@ interface DynamicDateRangePropTypes
  * - "TOMORROW" - Represents the next date. An example value is `{ operator: "TOMORROW"}`. Import: `import "@ui5/webcomponents/dist/dynamic-date-range-options/Tomorrow.js";`
  * - "DATE" - Represents a single date. An example value is `{ operator: "DATE", values: [new Date()]}`. Import: `import "@ui5/webcomponents/dist/dynamic-date-range-options/SingleDate.js";`
  * - "DATERANGE" - Represents a range of dates. An example value is `{ operator: "DATERANGE", values: [new Date(), new Date()]}`. Import: `import "@ui5/webcomponents/dist/dynamic-date-range-options/DateRange.js";`
+ * - "LASTDAYS" - Represents Last X Days from today. An example value is `{ operator: "LASTDAYS", values: [2]}`. Import: `import "@ui5/webcomponents/dist/dynamic-date-range-options/LastOptions.js";`
+ * - "LASTWEEKS" - Represents Last X Weeks from today. An example value is `{ operator: "LASTWEEKS", values: [3]}`. Import: `import "@ui5/webcomponents/dist/dynamic-date-range-options/LastOptions.js";`
+ * - "LASTMONTHS" - Represents Last X Months from today. An example value is `{ operator: "LASTMONTHS", values: [6]}`. Import: `import "@ui5/webcomponents/dist/dynamic-date-range-options/LastOptions.js";`
+ * - "LASTQUARTERS" - Represents Last X Quarters from today. An example value is `{ operator: "LASTQUARTERS", values: [2]}`. Import: `import "@ui5/webcomponents/dist/dynamic-date-range-options/LastOptions.js";`
+ * - "LASTYEARS" - Represents Last X Years from today. An example value is `{ operator: "LASTYEARS", values: [1]}`. Import: `import "@ui5/webcomponents/dist/dynamic-date-range-options/LastOptions.js";`
+ * - "NEXTDAYS" - Represents Next X Days from today. An example value is `{ operator: "NEXTDAYS", values: [2]}`. Import: `import "@ui5/webcomponents/dist/dynamic-date-range-options/NextOptions.js";`
+ * - "NEXTWEEKS" - Represents Next X Weeks from today. An example value is `{ operator: "NEXTWEEKS", values: [3]}`. Import: `import "@ui5/webcomponents/dist/dynamic-date-range-options/NextOptions.js";`
+ * - "NEXTMONTHS" - Represents Next X Months from today. An example value is `{ operator: "NEXTMONTHS", values: [6]}`. Import: `import "@ui5/webcomponents/dist/dynamic-date-range-options/NextOptions.js";`
+ * - "NEXTQUARTERS" - Represents Next X Quarters from today. An example value is `{ operator: "NEXTQUARTERS", values: [2]}`. Import: `import "@ui5/webcomponents/dist/dynamic-date-range-options/NextOptions.js";`
+ * - "NEXTYEARS" - Represents Next X Years from today. An example value is `{ operator: "NEXTYEARS", values: [1]}`. Import: `import "@ui5/webcomponents/dist/dynamic-date-range-options/NextOptions.js";`
  *
  *
  *
diff --git a/packages/main/src/webComponents/FileUploader/index.tsx b/packages/main/src/webComponents/FileUploader/index.tsx
index 3a8030482e2..fea59c4cf55 100644
--- a/packages/main/src/webComponents/FileUploader/index.tsx
+++ b/packages/main/src/webComponents/FileUploader/index.tsx
@@ -19,6 +19,22 @@ interface FileUploaderAttributes {
    */
   accept?: string | undefined;
 
+  /**
+   * Defines the accessible description of the component.
+   *
+   * **Note:** Available since [v2.14.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.14.0) of **@ui5/webcomponents**.
+   * @default undefined
+   */
+  accessibleDescription?: string | undefined;
+
+  /**
+   * Receives id(or many ids) of the elements that describe the input.
+   *
+   * **Note:** Available since [v2.14.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.14.0) of **@ui5/webcomponents**.
+   * @default undefined
+   */
+  accessibleDescriptionRef?: string | undefined;
+
   /**
    * Defines the accessible ARIA name of the component.
    *
@@ -178,7 +194,18 @@ interface FileUploaderPropTypes
  */
 const FileUploader = withWebComponent<FileUploaderPropTypes, FileUploaderDomRef>(
   'ui5-file-uploader',
-  ['accept', 'accessibleName', 'accessibleNameRef', 'maxFileSize', 'name', 'placeholder', 'value', 'valueState'],
+  [
+    'accept',
+    'accessibleDescription',
+    'accessibleDescriptionRef',
+    'accessibleName',
+    'accessibleNameRef',
+    'maxFileSize',
+    'name',
+    'placeholder',
+    'value',
+    'valueState',
+  ],
   ['disabled', 'hideInput', 'multiple', 'required'],
   ['valueStateMessage'],
   ['change', 'file-size-exceed'],
diff --git a/packages/main/src/webComponents/IllustratedMessage/index.tsx b/packages/main/src/webComponents/IllustratedMessage/index.tsx
index c61de56e15b..1968878d5d5 100644
--- a/packages/main/src/webComponents/IllustratedMessage/index.tsx
+++ b/packages/main/src/webComponents/IllustratedMessage/index.tsx
@@ -88,6 +88,8 @@ interface IllustratedMessagePropTypes
     Omit<CommonProps, keyof IllustratedMessageAttributes | 'children' | 'subtitle' | 'title'> {
   /**
    * Defines the component actions.
+   *
+   * **Note:** Not displayed when the `design` property is set to `Base`.
    */
   children?: ReactNode | ReactNode[];
 
diff --git a/packages/main/src/webComponents/ProductSwitchItem/index.tsx b/packages/main/src/webComponents/ProductSwitchItem/index.tsx
index 1b1550ada1e..76aeb41fef7 100644
--- a/packages/main/src/webComponents/ProductSwitchItem/index.tsx
+++ b/packages/main/src/webComponents/ProductSwitchItem/index.tsx
@@ -2,7 +2,7 @@
 
 import '@ui5/webcomponents-fiori/dist/ProductSwitchItem.js';
 import { withWebComponent } from '@ui5/webcomponents-react-base';
-import type { CommonProps, Ui5CustomEvent, Ui5DomRef } from '@ui5/webcomponents-react-base';
+import type { CommonProps, Ui5CustomEvent, Ui5DomRef, UI5WCSlotsNode } from '@ui5/webcomponents-react-base';
 
 interface ProductSwitchItemAttributes {
   /**
@@ -56,7 +56,22 @@ interface ProductSwitchItemDomRef extends Required<ProductSwitchItemAttributes>,
 
 interface ProductSwitchItemPropTypes
   extends ProductSwitchItemAttributes,
-    Omit<CommonProps, keyof ProductSwitchItemAttributes | 'onClick'> {
+    Omit<CommonProps, keyof ProductSwitchItemAttributes | 'image' | 'onClick'> {
+  /**
+   * Defines an image to be displayed instead of the standard icon.
+   *
+   * **Note:** The image slot takes precedence over the icon property.
+   * **Note:** We recommend using non-interactive ui5-avatar with size S, Square shape and Transparent colorScheme for best alignment.
+   *
+   * __Note:__ The content of the prop will be rendered into a [&lt;slot&gt;](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/slot) by assigning the respective [slot](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/slot) attribute (`slot="image"`).
+   * Since you can't change the DOM order of slots when declaring them within a prop, it might prove beneficial to manually mount them as part of the component's children, especially when facing problems with the reading order of screen readers.
+   *
+   * __Note:__ When passing a custom React component to this prop, you have to make sure your component reads the `slot` prop and appends it to the most outer element of your component.
+   * Learn more about it [here](https://sap.github.io/ui5-webcomponents-react/v2/?path=/docs/knowledge-base-handling-slots--docs).
+   *
+   * **Note:** Available since [v2.14.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.14.0) of **@ui5/webcomponents-fiori**.
+   */
+  image?: UI5WCSlotsNode;
   /**
    * Fired when the `ProductSwitchItem` is activated either with a
    * click/tap or by using the Enter or Space key.
@@ -89,7 +104,7 @@ const ProductSwitchItem = withWebComponent<ProductSwitchItemPropTypes, ProductSw
   'ui5-product-switch-item',
   ['icon', 'subtitleText', 'target', 'targetSrc', 'titleText'],
   [],
-  [],
+  ['image'],
   ['click'],
 );
 
diff --git a/packages/main/src/webComponents/Search/Search.mdx b/packages/main/src/webComponents/Search/Search.mdx
index 016c1270435..5c9264a4fe1 100644
--- a/packages/main/src/webComponents/Search/Search.mdx
+++ b/packages/main/src/webComponents/Search/Search.mdx
@@ -1,6 +1,11 @@
-import { ControlsWithNote, DocsHeader, Footer } from '@sb/components';
-import { Canvas, Meta } from '@storybook/addon-docs/blocks';
+import { ArgTypesWithNote, ControlsWithNote, DocsHeader, Footer } from '@sb/components';
+import { Canvas, Description, Meta } from '@storybook/addon-docs/blocks';
 import * as ComponentStories from './Search.stories';
+import { SearchItem } from '../SearchItem/index.js';
+import { SearchItemGroup } from '../SearchItemGroup/index.js';
+import { SearchItemShowMore } from '../SearchItemShowMore/index.js';
+import { SearchMessageArea } from '../SearchMessageArea/index.js';
+import { SearchScope } from '../SearchScope/index.js';
 
 <Meta of={ComponentStories} />
 
@@ -35,7 +40,7 @@ const scopeData = [
   { name: 'Log work', scope: 'apps' },
   { name: 'Manage Products', scope: 'apps' },
   { name: 'Mobile Phones', scope: 'products' },
-  { name: 'Tablet', scope: 'products' }
+  { name: 'Tablet', scope: 'products' },
 ];
 
 function SearchComponent(props) {
@@ -50,7 +55,7 @@ function SearchComponent(props) {
       setFilterData(
         scopeData.filter((item) => {
           return item.scope === scope.text.toLowerCase();
-        })
+        }),
       );
     }
   };
@@ -67,4 +72,79 @@ function SearchComponent(props) {
 
 </details>
 
+### Search with `SearchShowMore` Item
+
+Search with Grouped Suggestions and Show More (N) Item
+
+<Canvas of={ComponentStories.ShowMoreItem} />
+
+<details>
+    <summary>Show static code</summary>
+
+```tsx
+const allItems = [
+  { text: 'Search Item 1', icon: historyIcon },
+  { text: 'Search Item 2', icon: searchIcon },
+  { text: 'Search Item 3', icon: historyIcon },
+  { text: 'Search Item 4', icon: historyIcon },
+  { text: 'Search Item 5', icon: searchIcon },
+  { text: 'Search Item 6', icon: globeIcon },
+];
+const visibleItems = allItems.slice(0, 3);
+const hiddenItems = allItems.slice(3);
+
+export function ShowMoreItem() {
+  const [showHiddenItems, setShowHiddenItems] = useState(false);
+
+  return (
+    <Search showClearIcon={true} placeholder="Placeholder">
+      <SearchItemGroup headerText="Group Header 1">
+        {visibleItems.map((item) => (
+          <SearchItem key={item.text} text={item.text} icon={item.icon} />
+        ))}
+        {!showHiddenItems && (
+          <SearchItemShowMore itemsToShowCount={hiddenItems.length} onClick={() => setShowHiddenItems(true)} />
+        )}
+        {showHiddenItems && hiddenItems.map((item) => <SearchItem key={item.text} text={item.text} icon={item.icon} />)}
+      </SearchItemGroup>
+
+      <SearchItemGroup headerText="Group Header 2">
+        <SearchItem text="Search Item 1" icon={historyIcon} />
+        <SearchItem text="Search Item 2" icon={historyIcon} />
+        <SearchItem text="Search Item 3" icon={globeIcon} />
+      </SearchItemGroup>
+    </Search>
+  );
+}
+```
+
+</details>
+
+## Subcomponents
+
+### SearchItem
+
+<Description of={SearchItem} />
+<ArgTypesWithNote metaOf={ComponentStories} of={SearchItem} />
+
+### SearchItemGroup
+
+<Description of={SearchItemGroup} />
+<ArgTypesWithNote metaOf={ComponentStories} of={SearchItemGroup} />
+
+### SearchItemShowMore
+
+<Description of={SearchItemShowMore} />
+<ArgTypesWithNote metaOf={ComponentStories} of={SearchItemShowMore} />
+
+### SearchMessageArea
+
+<Description of={SearchMessageArea} />
+<ArgTypesWithNote metaOf={ComponentStories} of={SearchMessageArea} />
+
+### SearchScope
+
+<Description of={SearchScope} />
+<ArgTypesWithNote metaOf={ComponentStories} of={SearchScope} />
+
 <Footer />
diff --git a/packages/main/src/webComponents/Search/Search.stories.tsx b/packages/main/src/webComponents/Search/Search.stories.tsx
index a2d69652478..e892c72f3d0 100644
--- a/packages/main/src/webComponents/Search/Search.stories.tsx
+++ b/packages/main/src/webComponents/Search/Search.stories.tsx
@@ -1,6 +1,11 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
+import globeIcon from '@ui5/webcomponents-icons/dist/globe.js';
+import historyIcon from '@ui5/webcomponents-icons/dist/history.js';
+import searchIcon from '@ui5/webcomponents-icons/dist/search.js';
 import { useState } from 'react';
 import { SearchItem } from '../SearchItem/index.js';
+import { SearchItemGroup } from '../SearchItemGroup/index.js';
+import { SearchItemShowMore } from '../SearchItemShowMore/index.js';
 import { SearchScope } from '../SearchScope/index.js';
 import { Search } from './index.js';
 import type { SearchPropTypes } from './index.js';
@@ -70,3 +75,51 @@ export const WithScopeAndItems: Story = {
     );
   },
 };
+
+const allItems = [
+  { text: 'Search Item 1', icon: historyIcon },
+  { text: 'Search Item 2', icon: searchIcon },
+  { text: 'Search Item 3', icon: historyIcon },
+  { text: 'Search Item 4', icon: historyIcon },
+  { text: 'Search Item 5', icon: searchIcon },
+  { text: 'Search Item 6', icon: globeIcon },
+];
+const visibleItems = allItems.slice(0, 3);
+const hiddenItems = allItems.slice(3);
+
+export const ShowMoreItem: Story = {
+  args: {
+    showClearIcon: true,
+    placeholder: 'Placeholder',
+  },
+  render(args) {
+    const [showHiddenItems, setShowHiddenItems] = useState(false);
+
+    return (
+      <Search {...args}>
+        <SearchItemGroup headerText="Group Header 1">
+          {visibleItems.map((item) => {
+            return <SearchItem key={item.text} text={item.text} icon={item.icon} />;
+          })}
+          {!showHiddenItems && (
+            <SearchItemShowMore
+              itemsToShowCount={hiddenItems.length}
+              onClick={() => {
+                setShowHiddenItems(true);
+              }}
+            />
+          )}
+          {showHiddenItems &&
+            hiddenItems.map((item) => {
+              return <SearchItem key={item.text} text={item.text} icon={item.icon} />;
+            })}
+        </SearchItemGroup>
+        <SearchItemGroup headerText="Group Header 2">
+          <SearchItem text="Search Item 1" icon={historyIcon} />
+          <SearchItem text="Search Item 2" icon={historyIcon} />
+          <SearchItem text="Search Item 3" icon={globeIcon} />
+        </SearchItemGroup>
+      </Search>
+    );
+  },
+};
diff --git a/packages/main/src/webComponents/SearchItemShowMore/index.tsx b/packages/main/src/webComponents/SearchItemShowMore/index.tsx
new file mode 100644
index 00000000000..338a13a81bf
--- /dev/null
+++ b/packages/main/src/webComponents/SearchItemShowMore/index.tsx
@@ -0,0 +1,50 @@
+'use client';
+
+import '@ui5/webcomponents-fiori/dist/SearchItemShowMore.js';
+import { withWebComponent } from '@ui5/webcomponents-react-base';
+import type { CommonProps, Ui5DomRef } from '@ui5/webcomponents-react-base';
+
+interface SearchItemShowMoreAttributes {
+  /**
+   * Specifies the number of additional items available to show.
+   * This value replaces the placeholder (N) in the "Show more (N)" text.
+   * If not set, the placeholder will remain as (N).
+   * @default undefined
+   */
+  itemsToShowCount?: number | undefined;
+
+  /**
+   * Defines whether the show more item is selected.
+   * @default false
+   */
+  selected?: boolean;
+}
+
+interface SearchItemShowMoreDomRef extends Required<SearchItemShowMoreAttributes>, Ui5DomRef {}
+
+interface SearchItemShowMorePropTypes
+  extends SearchItemShowMoreAttributes,
+    Omit<CommonProps, keyof SearchItemShowMoreAttributes> {}
+
+/**
+ * A `SearchItemShowMore` is a special type of ui5-li that acts as a button to progressively reveal additional (overflow) items within a group.
+ *
+ *
+ *
+ * __Note__: This is a UI5 Web Component! [Repository](https://github.com/SAP/ui5-webcomponents) | [Documentation](https://sap.github.io/ui5-webcomponents/)
+ *
+ * @since [2.14.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.14.0) of __@ui5/webcomponents-fiori__.
+ * @experimental
+ */
+const SearchItemShowMore = withWebComponent<SearchItemShowMorePropTypes, SearchItemShowMoreDomRef>(
+  'ui5-search-item-show-more',
+  ['itemsToShowCount'],
+  ['selected'],
+  [],
+  [],
+);
+
+SearchItemShowMore.displayName = 'SearchItemShowMore';
+
+export { SearchItemShowMore };
+export type { SearchItemShowMoreDomRef, SearchItemShowMorePropTypes };
diff --git a/packages/main/src/webComponents/SegmentedButton/index.tsx b/packages/main/src/webComponents/SegmentedButton/index.tsx
index 7f52b17b086..4d9782522b7 100644
--- a/packages/main/src/webComponents/SegmentedButton/index.tsx
+++ b/packages/main/src/webComponents/SegmentedButton/index.tsx
@@ -11,6 +11,22 @@ import type { CommonProps, Ui5CustomEvent, Ui5DomRef } from '@ui5/webcomponents-
 import type { ReactNode } from 'react';
 
 interface SegmentedButtonAttributes {
+  /**
+   * Defines the accessible description of the component.
+   *
+   * **Note:** Available since [v2.15.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.15.0) of **@ui5/webcomponents**.
+   * @default undefined
+   */
+  accessibleDescription?: string | undefined;
+
+  /**
+   * Defines the IDs of the HTML Elements that describe the component.
+   *
+   * **Note:** Available since [v2.15.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.15.0) of **@ui5/webcomponents**.
+   * @default undefined
+   */
+  accessibleDescriptionRef?: string | undefined;
+
   /**
    * Defines the accessible ARIA name of the component.
    *
@@ -19,6 +35,14 @@ interface SegmentedButtonAttributes {
    */
   accessibleName?: string | undefined;
 
+  /**
+   * Defines the IDs of the HTML Elements that label the component.
+   *
+   * **Note:** Available since [v2.15.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.15.0) of **@ui5/webcomponents**.
+   * @default undefined
+   */
+  accessibleNameRef?: string | undefined;
+
   /**
    * Defines the component selection mode.
    *
@@ -70,7 +94,7 @@ interface SegmentedButtonPropTypes
  */
 const SegmentedButton = withWebComponent<SegmentedButtonPropTypes, SegmentedButtonDomRef>(
   'ui5-segmented-button',
-  ['accessibleName', 'selectionMode'],
+  ['accessibleDescription', 'accessibleDescriptionRef', 'accessibleName', 'accessibleNameRef', 'selectionMode'],
   [],
   [],
   ['selection-change'],
diff --git a/packages/main/src/webComponents/SegmentedButtonItem/index.tsx b/packages/main/src/webComponents/SegmentedButtonItem/index.tsx
index 04dce02d8a3..5590d3ea2c5 100644
--- a/packages/main/src/webComponents/SegmentedButtonItem/index.tsx
+++ b/packages/main/src/webComponents/SegmentedButtonItem/index.tsx
@@ -6,6 +6,22 @@ import type { CommonProps, Ui5DomRef } from '@ui5/webcomponents-react-base';
 import type { ReactNode } from 'react';
 
 interface SegmentedButtonItemAttributes {
+  /**
+   * Defines the accessible description of the component.
+   *
+   * **Note:** Available since [v2.15.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.15.0) of **@ui5/webcomponents**.
+   * @default undefined
+   */
+  accessibleDescription?: string | undefined;
+
+  /**
+   * Defines the IDs of the HTML Elements that describe the component.
+   *
+   * **Note:** Available since [v2.15.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.15.0) of **@ui5/webcomponents**.
+   * @default undefined
+   */
+  accessibleDescriptionRef?: string | undefined;
+
   /**
    * Defines the accessible ARIA name of the component.
    * @default undefined
@@ -82,7 +98,7 @@ interface SegmentedButtonItemPropTypes
  */
 const SegmentedButtonItem = withWebComponent<SegmentedButtonItemPropTypes, SegmentedButtonItemDomRef>(
   'ui5-segmented-button-item',
-  ['accessibleName', 'accessibleNameRef', 'icon', 'tooltip'],
+  ['accessibleDescription', 'accessibleDescriptionRef', 'accessibleName', 'accessibleNameRef', 'icon', 'tooltip'],
   ['disabled', 'selected'],
   [],
   [],
diff --git a/packages/main/src/webComponents/Select/index.tsx b/packages/main/src/webComponents/Select/index.tsx
index f2333b5d5e5..3d1a93331ad 100644
--- a/packages/main/src/webComponents/Select/index.tsx
+++ b/packages/main/src/webComponents/Select/index.tsx
@@ -8,6 +8,22 @@ import type { CommonProps, Ui5CustomEvent, Ui5DomRef, UI5WCSlotsNode } from '@ui
 import type { ReactNode } from 'react';
 
 interface SelectAttributes {
+  /**
+   * Defines the accessible description of the component.
+   *
+   * **Note:** Available since [v2.14.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.14.0) of **@ui5/webcomponents**.
+   * @default undefined
+   */
+  accessibleDescription?: string | undefined;
+
+  /**
+   * Receives id(or many ids) of the elements that describe the select.
+   *
+   * **Note:** Available since [v2.14.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.14.0) of **@ui5/webcomponents**.
+   * @default undefined
+   */
+  accessibleDescriptionRef?: string | undefined;
+
   /**
    * Defines the accessible ARIA name of the component.
    * @default undefined
@@ -244,7 +260,16 @@ interface SelectPropTypes
  */
 const Select = withWebComponent<SelectPropTypes, SelectDomRef>(
   'ui5-select',
-  ['accessibleName', 'accessibleNameRef', 'name', 'tooltip', 'value', 'valueState'],
+  [
+    'accessibleDescription',
+    'accessibleDescriptionRef',
+    'accessibleName',
+    'accessibleNameRef',
+    'name',
+    'tooltip',
+    'value',
+    'valueState',
+  ],
   ['disabled', 'readonly', 'required'],
   ['label', 'valueStateMessage'],
   ['change', 'close', 'live-change', 'open'],
diff --git a/packages/main/src/webComponents/ShellBar/index.tsx b/packages/main/src/webComponents/ShellBar/index.tsx
index 4c9f52630d8..855e422a854 100644
--- a/packages/main/src/webComponents/ShellBar/index.tsx
+++ b/packages/main/src/webComponents/ShellBar/index.tsx
@@ -10,6 +10,7 @@ import type {
   ShellBarProductSwitchClickEventDetail,
   ShellBarProfileClickEventDetail,
   ShellBarSearchButtonEventDetail,
+  ShellBarSearchFieldClearEventDetail,
   ShellBarSearchFieldToggleEventDetail,
 } from '@ui5/webcomponents-fiori/dist/ShellBar.js';
 import { withWebComponent } from '@ui5/webcomponents-react-base';
@@ -175,6 +176,7 @@ interface ShellBarPropTypes
       | 'onProductSwitchClick'
       | 'onProfileClick'
       | 'onSearchButtonClick'
+      | 'onSearchFieldClear'
       | 'onSearchFieldToggle'
     > {
   /**
@@ -378,6 +380,22 @@ interface ShellBarPropTypes
    */
   onSearchButtonClick?: (event: Ui5CustomEvent<ShellBarDomRef, ShellBarSearchButtonEventDetail>) => void;
 
+  /**
+   * Fired, when the search cancel button is activated.
+   *
+   * **Note:** You can prevent the default behavior (clearing the search field value) by calling `event.preventDefault()`. The search will still be closed.
+   * **Note:** The `search-field-clear` event is in an experimental state and is a subject to change.
+   *
+   * **Note:** Call `event.preventDefault()` inside the handler of this event to prevent its default action/s.
+   *
+   * **Note:** Available since [v2.14.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.14.0) of **@ui5/webcomponents-fiori**.
+   *
+   * | cancelable | bubbles |
+   * | :--------: | :-----: |
+   * | ✅|✅|
+   */
+  onSearchFieldClear?: (event: Ui5CustomEvent<ShellBarDomRef, ShellBarSearchFieldClearEventDetail>) => void;
+
   /**
    * Fired, when the search field is expanded or collapsed.
    *
@@ -428,6 +446,7 @@ const ShellBar = withWebComponent<ShellBarPropTypes, ShellBarDomRef>(
     'product-switch-click',
     'profile-click',
     'search-button-click',
+    'search-field-clear',
     'search-field-toggle',
   ],
 );
diff --git a/packages/main/src/webComponents/SideNavigation/index.tsx b/packages/main/src/webComponents/SideNavigation/index.tsx
index de852c2037e..a1fe2fa6d4e 100644
--- a/packages/main/src/webComponents/SideNavigation/index.tsx
+++ b/packages/main/src/webComponents/SideNavigation/index.tsx
@@ -84,9 +84,11 @@ interface SideNavigationPropTypes
  * The items can consist of text only or an icon with text. The use or non-use of icons must be consistent for all items on one level.
  * You must not combine entries with and without icons on the same level. We strongly recommend that you do not use icons on the second level.
  *
- * The `SideNavigation` component is intended for use within an `NavigationLayout` component.
- * While it can function independently, it is recommended to use it with
- * the `NavigationLayout` for optimal user experience.
+ * The `SideNavigation` component is designed to be used within a `NavigationLayout` component to ensure an optimal user experience.
+ *
+ * Using it standalone may not match the intended design and functionality.
+ * For example, the side navigation may not exhibit the correct behavior on phones and tablets.
+ * Padding of the `ShellBar` will not match the padding of the side navigation.
  *
  * ### Keyboard Handling
  *
diff --git a/packages/main/src/webComponents/TextArea/index.tsx b/packages/main/src/webComponents/TextArea/index.tsx
index 1a391a3e5ba..2c0ea4ad83b 100644
--- a/packages/main/src/webComponents/TextArea/index.tsx
+++ b/packages/main/src/webComponents/TextArea/index.tsx
@@ -1,6 +1,7 @@
 'use client';
 
 import '@ui5/webcomponents/dist/TextArea.js';
+import type { TextAreaInputEventDetail } from '@ui5/webcomponents/dist/TextArea.js';
 import type ValueState from '@ui5/webcomponents-base/dist/types/ValueState.js';
 import { withWebComponent } from '@ui5/webcomponents-react-base';
 import type { CommonProps, Ui5CustomEvent, Ui5DomRef, UI5WCSlotsNode } from '@ui5/webcomponents-react-base';
@@ -150,11 +151,13 @@ interface TextAreaPropTypes
    * Fired when the value of the component changes at each keystroke or when
    * something is pasted.
    *
+   * **Note:** Call `event.preventDefault()` inside the handler of this event to prevent its default action/s.
+   *
    * | cancelable | bubbles |
    * | :--------: | :-----: |
-   * | ❌|✅|
+   * | ✅|✅|
    */
-  onInput?: (event: Ui5CustomEvent<TextAreaDomRef>) => void;
+  onInput?: (event: Ui5CustomEvent<TextAreaDomRef, TextAreaInputEventDetail>) => void;
 
   /**
    * Fired when textarea is scrolled.
diff --git a/packages/main/src/webComponents/TimePicker/index.tsx b/packages/main/src/webComponents/TimePicker/index.tsx
index 140de0cee9f..68fa6843293 100644
--- a/packages/main/src/webComponents/TimePicker/index.tsx
+++ b/packages/main/src/webComponents/TimePicker/index.tsx
@@ -7,6 +7,22 @@ import { withWebComponent } from '@ui5/webcomponents-react-base';
 import type { CommonProps, Ui5CustomEvent, Ui5DomRef, UI5WCSlotsNode } from '@ui5/webcomponents-react-base';
 
 interface TimePickerAttributes {
+  /**
+   * Defines the accessible description of the component.
+   *
+   * **Note:** Available since [v2.14.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.14.0) of **@ui5/webcomponents**.
+   * @default undefined
+   */
+  accessibleDescription?: string | undefined;
+
+  /**
+   * Receives id(or many ids) of the elements that describe the input.
+   *
+   * **Note:** Available since [v2.14.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.14.0) of **@ui5/webcomponents**.
+   * @default undefined
+   */
+  accessibleDescriptionRef?: string | undefined;
+
   /**
    * Defines the aria-label attribute for the component.
    *
@@ -202,7 +218,7 @@ interface TimePickerPropTypes
  * the input field, it must fit to the used time format.
  *
  * Supported format options are pattern-based on Unicode LDML Date Format notation.
- * For more information, see [UTS #35: Unicode Locale Data Markup Language](http://unicode.org/reports/tr35/#Date_Field_Symbol_Table).
+ * For more information, see [UTS #35: Unicode Locale Data Markup Language](https://unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table).
  *
  * For example, if the `format-pattern` is "HH:mm:ss",
  * a valid value string is "11:42:35" and the same is displayed in the input.
@@ -238,7 +254,17 @@ interface TimePickerPropTypes
  */
 const TimePicker = withWebComponent<TimePickerPropTypes, TimePickerDomRef>(
   'ui5-time-picker',
-  ['accessibleName', 'accessibleNameRef', 'formatPattern', 'name', 'placeholder', 'value', 'valueState'],
+  [
+    'accessibleDescription',
+    'accessibleDescriptionRef',
+    'accessibleName',
+    'accessibleNameRef',
+    'formatPattern',
+    'name',
+    'placeholder',
+    'value',
+    'valueState',
+  ],
   ['disabled', 'open', 'readonly', 'required'],
   ['valueStateMessage'],
   ['change', 'close', 'input', 'open'],
diff --git a/packages/main/src/webComponents/index.ts b/packages/main/src/webComponents/index.ts
index 2dc6b596fb1..155ca2ef608 100644
--- a/packages/main/src/webComponents/index.ts
+++ b/packages/main/src/webComponents/index.ts
@@ -79,6 +79,7 @@ export * from './ResponsivePopover/index.js';
 export * from './Search/index.js';
 export * from './SearchItem/index.js';
 export * from './SearchItemGroup/index.js';
+export * from './SearchItemShowMore/index.js';
 export * from './SearchMessageArea/index.js';
 export * from './SearchScope/index.js';
 export * from './SegmentedButton/index.js';
diff --git a/yarn.lock b/yarn.lock
index 5582ee53681..aa1b6ea19e7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4811,42 +4811,42 @@ __metadata:
   dependencies:
     "@ui5/webcomponents-react-base": "workspace:~"
   peerDependencies:
-    "@ui5/webcomponents-ai": ~2.13.1
+    "@ui5/webcomponents-ai": ~2.14.0
     react: ^18 || ^19
   languageName: unknown
   linkType: soft
 
-"@ui5/webcomponents-ai@npm:2.13.3":
-  version: 2.13.3
-  resolution: "@ui5/webcomponents-ai@npm:2.13.3"
+"@ui5/webcomponents-ai@npm:2.14.0":
+  version: 2.14.0
+  resolution: "@ui5/webcomponents-ai@npm:2.14.0"
   dependencies:
-    "@ui5/webcomponents": "npm:2.13.3"
-    "@ui5/webcomponents-base": "npm:2.13.3"
-    "@ui5/webcomponents-icons": "npm:2.13.3"
-    "@ui5/webcomponents-theming": "npm:2.13.3"
-  checksum: 10c0/32c9dc82d2065e95d37272fdd040549ec3bba059a73e7410554dac6909f97c125a0c006235ded6ec9b88bea2bb08f898d66868b21365266036e332af2ee4960c
+    "@ui5/webcomponents": "npm:2.14.0"
+    "@ui5/webcomponents-base": "npm:2.14.0"
+    "@ui5/webcomponents-icons": "npm:2.14.0"
+    "@ui5/webcomponents-theming": "npm:2.14.0"
+  checksum: 10c0/77b37abf1b1adec8d9b50599dfc5194a08f6ccba996350dd6a340b0b5835366303c812302b9eb56ab3350de653eeebae82845b6b927279415e479485b71f3e07
   languageName: node
   linkType: hard
 
-"@ui5/webcomponents-base@npm:2.13.3":
-  version: 2.13.3
-  resolution: "@ui5/webcomponents-base@npm:2.13.3"
+"@ui5/webcomponents-base@npm:2.14.0":
+  version: 2.14.0
+  resolution: "@ui5/webcomponents-base@npm:2.14.0"
   dependencies:
     "@lit-labs/ssr-dom-shim": "npm:^1.1.2"
     lit-html: "npm:^2.0.1"
-  checksum: 10c0/a87386b46933e0a991a615d0d4a2bd63fdd717db40c188bd9d10d845d7ae5daa35debe29cde78bdeb844507b27a25aa03900def5d0e788df695714a3f1d6056a
+  checksum: 10c0/0d9674ab27d28122233a6c7448e602f914d3618647b68fb3d67a4f8fd9a3b3d51bea50ad3a05e40cd6e709d28f2f803c9fb2d4f26281d2a67fb8ff7a764b6809
   languageName: node
   linkType: hard
 
-"@ui5/webcomponents-compat@npm:2.13.3":
-  version: 2.13.3
-  resolution: "@ui5/webcomponents-compat@npm:2.13.3"
+"@ui5/webcomponents-compat@npm:2.14.0":
+  version: 2.14.0
+  resolution: "@ui5/webcomponents-compat@npm:2.14.0"
   dependencies:
-    "@ui5/webcomponents": "npm:2.13.3"
-    "@ui5/webcomponents-base": "npm:2.13.3"
-    "@ui5/webcomponents-icons": "npm:2.13.3"
-    "@ui5/webcomponents-theming": "npm:2.13.3"
-  checksum: 10c0/a79e9fb40d199a18c2dbecfd37f7c174546a617e16a22c813b6b32567736f7b681422fedcf0356335a1f50bdcd725bd477f801c80b6f8ddea6d659eb8c621ca6
+    "@ui5/webcomponents": "npm:2.14.0"
+    "@ui5/webcomponents-base": "npm:2.14.0"
+    "@ui5/webcomponents-icons": "npm:2.14.0"
+    "@ui5/webcomponents-theming": "npm:2.14.0"
+  checksum: 10c0/be682ab83d4b9c0a39f7a0dab7dcea7e6af86352d0d94bbdd3212f8cd85eaa0f9cd6d380739ea583c7dcfb64a308592907de7552ef1c3fcc985d59e42bfe97d1
   languageName: node
   linkType: hard
 
@@ -4854,8 +4854,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@ui5/webcomponents-cypress-commands@workspace:packages/cypress-commands"
   peerDependencies:
-    "@ui5/webcomponents": ~2.13.1
-    "@ui5/webcomponents-base": ~2.13.1
+    "@ui5/webcomponents": ~2.14.0
+    "@ui5/webcomponents-base": ~2.14.0
     cypress: ^12 || ^13 || ^14 || ^15
   peerDependenciesMeta:
     "@ui5/webcomponents":
@@ -4865,53 +4865,53 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@ui5/webcomponents-fiori@npm:2.13.3":
-  version: 2.13.3
-  resolution: "@ui5/webcomponents-fiori@npm:2.13.3"
+"@ui5/webcomponents-fiori@npm:2.14.0":
+  version: 2.14.0
+  resolution: "@ui5/webcomponents-fiori@npm:2.14.0"
   dependencies:
-    "@ui5/webcomponents": "npm:2.13.3"
-    "@ui5/webcomponents-base": "npm:2.13.3"
-    "@ui5/webcomponents-icons": "npm:2.13.3"
-    "@ui5/webcomponents-theming": "npm:2.13.3"
+    "@ui5/webcomponents": "npm:2.14.0"
+    "@ui5/webcomponents-base": "npm:2.14.0"
+    "@ui5/webcomponents-icons": "npm:2.14.0"
+    "@ui5/webcomponents-theming": "npm:2.14.0"
     "@zxing/library": "npm:^0.21.3"
-  checksum: 10c0/04c798ae7bfc5b3929060fd3a2bd0783967953c4d53439b59c6586311e5537c76e7a94061bf05a2187df011c63b6679d0fd53c890763a8c4bf96a05603f2f495
+  checksum: 10c0/be85d12d80ff775263040d44e6e6658114dc98a11c134101dcfba3937f58268f5facf4c7420a0575392bb0d8279a9bd9e5ca8654704abe260a64f796192652cf
   languageName: node
   linkType: hard
 
-"@ui5/webcomponents-icons-business-suite@npm:2.13.3":
-  version: 2.13.3
-  resolution: "@ui5/webcomponents-icons-business-suite@npm:2.13.3"
+"@ui5/webcomponents-icons-business-suite@npm:2.14.0":
+  version: 2.14.0
+  resolution: "@ui5/webcomponents-icons-business-suite@npm:2.14.0"
   dependencies:
-    "@ui5/webcomponents-base": "npm:2.13.3"
-  checksum: 10c0/ff7717d995b5968c6e4802b71f8c806720dd78e1b16b27364f743033113636b76568c058beb2501f37cea361aab317adad36fc7029d657b26fe18fa9202e2433
+    "@ui5/webcomponents-base": "npm:2.14.0"
+  checksum: 10c0/30971a4b0bf4ceb0c3d6f02d753087f43fd39bf4bd180121dfcdd1a11768ff1d5fe3877f2f02173c779fb2bf90f913b74e559b95db4bc373913023aba0634a8b
   languageName: node
   linkType: hard
 
-"@ui5/webcomponents-icons-tnt@npm:2.13.3":
-  version: 2.13.3
-  resolution: "@ui5/webcomponents-icons-tnt@npm:2.13.3"
+"@ui5/webcomponents-icons-tnt@npm:2.14.0":
+  version: 2.14.0
+  resolution: "@ui5/webcomponents-icons-tnt@npm:2.14.0"
   dependencies:
-    "@ui5/webcomponents-base": "npm:2.13.3"
-  checksum: 10c0/4308b6e138cde355b19f3f6b24feb6f1eb2069fcb246864f6a5935a4aaec2aef64cdf9ccb8e79a0bcaf2e405e2f92b61503d3830719ab1ade61f377e28180e08
+    "@ui5/webcomponents-base": "npm:2.14.0"
+  checksum: 10c0/96d2ad72de3afe68c6e85e3ec8b8215863a3cad3e3dd3e1194189862dd074f03abf81843a9baf5424da0aa87a3ccb91cb9590c5a359c4d528c43de616f4c9a01
   languageName: node
   linkType: hard
 
-"@ui5/webcomponents-icons@npm:2.13.3":
-  version: 2.13.3
-  resolution: "@ui5/webcomponents-icons@npm:2.13.3"
+"@ui5/webcomponents-icons@npm:2.14.0":
+  version: 2.14.0
+  resolution: "@ui5/webcomponents-icons@npm:2.14.0"
   dependencies:
-    "@ui5/webcomponents-base": "npm:2.13.3"
-  checksum: 10c0/4bd528cb7be48b7eb915d1f02ddae996748afe80ec6778f7985cb95b47b02a877d8b1dc9397ddd3b6764e43c6fd6aa562d9343a78e6a3163ab18573dd61953d6
+    "@ui5/webcomponents-base": "npm:2.14.0"
+  checksum: 10c0/c1825eda6d534af3f6c3f2ca254c6654cacf7bd3a288ebb1f88bb1042a718264d4dcc959b11a58eda69de4050da95f14c5968d779c6e823d3a6f20daac6a21c4
   languageName: node
   linkType: hard
 
-"@ui5/webcomponents-localization@npm:2.13.3":
-  version: 2.13.3
-  resolution: "@ui5/webcomponents-localization@npm:2.13.3"
+"@ui5/webcomponents-localization@npm:2.14.0":
+  version: 2.14.0
+  resolution: "@ui5/webcomponents-localization@npm:2.14.0"
   dependencies:
     "@types/openui5": "npm:^1.113.0"
-    "@ui5/webcomponents-base": "npm:2.13.3"
-  checksum: 10c0/9de4dc2dd0fff16e28558760f2c8b96b3aa3d7632f5103a4da947efb3b43716c7970c6117a0310a8f665afb7cdf645ffc4e7b8a71a0f674168cebf2fe2d84372
+    "@ui5/webcomponents-base": "npm:2.14.0"
+  checksum: 10c0/e614d846eb91646edfc94460f66a72adc929432dfb5a5a99613476e9a6dc94fff2227a69003828d3ed9672d5d74240674af6f98e491682915dcb95df7beaeea3
   languageName: node
   linkType: hard
 
@@ -4920,7 +4920,7 @@ __metadata:
   resolution: "@ui5/webcomponents-react-base@workspace:packages/base"
   peerDependencies:
     "@types/react": "*"
-    "@ui5/webcomponents-base": ~2.13.1
+    "@ui5/webcomponents-base": ~2.14.0
     react: ^18 || ^19
   peerDependenciesMeta:
     "@types/react":
@@ -4938,8 +4938,8 @@ __metadata:
     react-content-loader: "npm:7.1.1"
     recharts: "npm:2.15.4"
   peerDependencies:
-    "@ui5/webcomponents-react": ~2.13.0
-    "@ui5/webcomponents-react-base": ~2.13.0
+    "@ui5/webcomponents-react": ~2.14.0
+    "@ui5/webcomponents-react-base": ~2.14.0
     react: ^18 || ^19
   languageName: unknown
   linkType: soft
@@ -4964,8 +4964,8 @@ __metadata:
   peerDependencies:
     "@types/react": "*"
     "@types/react-dom": "*"
-    "@ui5/webcomponents-compat": ~2.13.1
-    "@ui5/webcomponents-react": ~2.13.0
+    "@ui5/webcomponents-compat": ~2.14.0
+    "@ui5/webcomponents-react": ~2.14.0
     react: ^18 || ^19
     react-dom: ^18 || ^19
   peerDependenciesMeta:
@@ -4991,10 +4991,10 @@ __metadata:
   peerDependencies:
     "@types/react": "*"
     "@types/react-dom": "*"
-    "@ui5/webcomponents": ~2.13.1
-    "@ui5/webcomponents-base": ~2.13.1
-    "@ui5/webcomponents-fiori": ~2.13.1
-    "@ui5/webcomponents-icons": ~2.13.1
+    "@ui5/webcomponents": ~2.14.0
+    "@ui5/webcomponents-base": ~2.14.0
+    "@ui5/webcomponents-fiori": ~2.14.0
+    "@ui5/webcomponents-icons": ~2.14.0
     react: ^18 || ^19
     react-dom: ^18 || ^19
   peerDependenciesMeta:
@@ -5011,19 +5011,19 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@ui5/webcomponents-theming@npm:2.13.3":
-  version: 2.13.3
-  resolution: "@ui5/webcomponents-theming@npm:2.13.3"
+"@ui5/webcomponents-theming@npm:2.14.0":
+  version: 2.14.0
+  resolution: "@ui5/webcomponents-theming@npm:2.14.0"
   dependencies:
     "@sap-theming/theming-base-content": "npm:11.29.3"
-    "@ui5/webcomponents-base": "npm:2.13.3"
-  checksum: 10c0/cd81f8c80b9f9446361ea19e52b1dd325885547eb372f7daade137528f5ce17d60fa28673f72ba789aa24b4de072fb0c1d6058517c3368806c5e6901fabe3ba2
+    "@ui5/webcomponents-base": "npm:2.14.0"
+  checksum: 10c0/faacfaafd18f49eab8cc9c17b3288e9b846ad9a8c7542305132c21ea97e506bfafd7721482f3adea21781944647dfb374cfbc09acdd0c5b73c786333bb4cba49
   languageName: node
   linkType: hard
 
-"@ui5/webcomponents-tools@npm:2.13.3":
-  version: 2.13.3
-  resolution: "@ui5/webcomponents-tools@npm:2.13.3"
+"@ui5/webcomponents-tools@npm:2.14.0":
+  version: 2.14.0
+  resolution: "@ui5/webcomponents-tools@npm:2.14.0"
   dependencies:
     "@custom-elements-manifest/analyzer": "npm:^0.10.4"
     "@typescript-eslint/eslint-plugin": "npm:^6.9.0"
@@ -5045,6 +5045,7 @@ __metadata:
     concurrently: "npm:^6.0.0"
     cross-env: "npm:^7.0.3"
     custom-element-jet-brains-integration: "npm:^1.4.4"
+    dotenv: "npm:^16.5.0"
     escodegen: "npm:^2.0.0"
     eslint: "npm:^7.22.0"
     eslint-config-airbnb-base: "npm:^14.2.1"
@@ -5081,21 +5082,21 @@ __metadata:
   bin:
     wc-create-ui5-element: bin/create-ui5-element.js
     wc-dev: bin/dev.js
-  checksum: 10c0/28b72cce95d6be10d6b8becebb5868aded9208a3ee10da8a9e0d1104aa05f6f01fe6add14468781525aaf499b61fdc57cefc0b9061fb83a4d2aa090dadeb4edd
+  checksum: 10c0/c49b1f97c7617cfad9725da31a328e1cc6ffba3db43c3c1221ca4d0e81f2d0fdd7a858f87fde1143842c00f97f9daace046b50d7de659ee7bb651266bc942efb
   languageName: node
   linkType: hard
 
-"@ui5/webcomponents@npm:2.13.3":
-  version: 2.13.3
-  resolution: "@ui5/webcomponents@npm:2.13.3"
+"@ui5/webcomponents@npm:2.14.0":
+  version: 2.14.0
+  resolution: "@ui5/webcomponents@npm:2.14.0"
   dependencies:
-    "@ui5/webcomponents-base": "npm:2.13.3"
-    "@ui5/webcomponents-icons": "npm:2.13.3"
-    "@ui5/webcomponents-icons-business-suite": "npm:2.13.3"
-    "@ui5/webcomponents-icons-tnt": "npm:2.13.3"
-    "@ui5/webcomponents-localization": "npm:2.13.3"
-    "@ui5/webcomponents-theming": "npm:2.13.3"
-  checksum: 10c0/bb8fc73dd1b718dabfad3e092d539b2484876d6162191cdd6f0a5b876c7d6678f72fbc1268b2db17309432c03fffa5e60461e0b1533afeaeb9fab832288a0912
+    "@ui5/webcomponents-base": "npm:2.14.0"
+    "@ui5/webcomponents-icons": "npm:2.14.0"
+    "@ui5/webcomponents-icons-business-suite": "npm:2.14.0"
+    "@ui5/webcomponents-icons-tnt": "npm:2.14.0"
+    "@ui5/webcomponents-localization": "npm:2.14.0"
+    "@ui5/webcomponents-theming": "npm:2.14.0"
+  checksum: 10c0/2ff0819eaa6af8196f4fbfe915e251084d9fee4eb472583bd44facd5372bc9c0dc3a3244af34230398fef6f6e36b4a47c853c9f8f170e2937e62ca93d6a519f8
   languageName: node
   linkType: hard
 
@@ -8659,6 +8660,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"dotenv@npm:^16.5.0":
+  version: 16.6.1
+  resolution: "dotenv@npm:16.6.1"
+  checksum: 10c0/15ce56608326ea0d1d9414a5c8ee6dcf0fffc79d2c16422b4ac2268e7e2d76ff5a572d37ffe747c377de12005f14b3cc22361e79fc7f1061cce81f77d2c973dc
+  languageName: node
+  linkType: hard
+
 "dunder-proto@npm:^1.0.0, dunder-proto@npm:^1.0.1":
   version: 1.0.1
   resolution: "dunder-proto@npm:1.0.1"
@@ -20149,12 +20157,12 @@ __metadata:
     "@types/node": "npm:22.17.2"
     "@types/react": "npm:19.1.11"
     "@types/react-dom": "npm:19.1.7"
-    "@ui5/webcomponents": "npm:2.13.3"
-    "@ui5/webcomponents-ai": "npm:2.13.3"
-    "@ui5/webcomponents-compat": "npm:2.13.3"
-    "@ui5/webcomponents-fiori": "npm:2.13.3"
-    "@ui5/webcomponents-icons": "npm:2.13.3"
-    "@ui5/webcomponents-tools": "npm:2.13.3"
+    "@ui5/webcomponents": "npm:2.14.0"
+    "@ui5/webcomponents-ai": "npm:2.14.0"
+    "@ui5/webcomponents-compat": "npm:2.14.0"
+    "@ui5/webcomponents-fiori": "npm:2.14.0"
+    "@ui5/webcomponents-icons": "npm:2.14.0"
+    "@ui5/webcomponents-tools": "npm:2.14.0"
     "@vitejs/plugin-react": "npm:5.0.2"
     chromatic: "npm:13.1.3"
     cssnano: "npm:7.1.1"