@sapudex/web-components 2.21.0 → 2.23.0

package/dist/custom-elements.json

@@ -59,7 +59,14 @@
             {
               "name": "toggle-items",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExAccordionToggleItemsEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExAccordionToggleItemsEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Accordion.js"
+                  }
+                ]
               },
               "description": "Triggered when the user clicks on the Expand/Collapse All button.."
             }
@@ -231,7 +238,14 @@
             {
               "name": "accordion-item-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExAccordionItemClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExAccordionItemClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/AccordionItem.js"
+                  }
+                ]
               },
               "description": "Triggered when the user clicks on an accordion item."
             }
@@ -880,7 +894,14 @@
             {
               "name": "item-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExBreadcrumbsItemClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExBreadcrumbsItemClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Breadcrumbs.js"
+                  }
+                ]
               },
               "description": ""
             },
@@ -1639,7 +1660,14 @@
             {
               "name": "item-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExContactItemClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExContactItemClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/ContactItem.js"
+                  }
+                ]
               },
               "description": "Fires when item is clicked"
             }
@@ -1828,56 +1856,132 @@
           "members": [
             {
               "kind": "field",
-              "name": "label",
+              "name": "preselectedCountry",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "Defines label text for the input field.",
-              "default": "undefined",
+              "description": "Allows to define the initially preselected country.",
+              "default": "\"\"",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "accessibleName",
+              "name": "blockedCountryCodes",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Defines the accessible ARIA name of the component.",
-              "default": "undefined",
+              "description": "Allows to define the list of blocked country.",
+              "default": "\"\"",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "accessibleNameRef",
+              "name": "hideFlagImages",
               "type": {
-                "text": "string"
+                "text": "boolean | undefined"
               },
+              "description": "Allows to hide the flag images in the country selector.",
+              "default": "false",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Allows to define the initially preselected country.",
+              "name": "preselected-country",
               "default": "\"\"",
-              "description": "Receives id (or many ids) of the elements that label the component.",
+              "fieldName": "preselectedCountry",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "description": "Allows to define the list of blocked country.",
+              "name": "blocked-country-codes",
+              "default": "\"\"",
+              "fieldName": "blockedCountryCodes",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "description": "Allows to hide the flag images in the country selector.",
+              "name": "hide-flag-images",
+              "default": "false",
+              "fieldName": "hideFlagImages",
+              "type": {
+                "text": "boolean | undefined"
+              }
+            }
+          ],
+          "tagName": "udex-country-selector",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "UDExCountrySelector",
+            "module": "dist/CountrySelector.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "udex-country-selector",
+          "declaration": {
+            "name": "UDExCountrySelector",
+            "module": "dist/CountrySelector.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/DatePicker.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-date-picker</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/DatePicker.js\";</code>",
+          "name": "UDExDatePicker",
+          "members": [
+            {
+              "kind": "field",
+              "name": "selectionMode",
+              "type": {
+                "text": "UDExDatePickerSelectionMode",
+                "references": [
+                  {
+                    "name": "UDExDatePickerSelectionMode",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/DatePicker.js"
+                  }
+                ]
+              },
+              "default": "\"Single\"",
+              "description": "Defines selection mode of the calendar component.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "readonly",
               "type": {
                 "text": "boolean"
               },
-              "description": "Defines whether the component is required.",
+              "description": "Defines whether the component is read-only.\n<br><br>\n<b>Note:</b> A read-only component is not editable,\nbut still provides visual feedback upon user interaction.",
               "default": "false",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "height",
+              "name": "required",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Allows control over the height.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
+              "description": "Defines whether the component is required.",
+              "default": "false",
+              "privacy": "public"
             },
             {
               "kind": "field",
@@ -1891,57 +1995,53 @@
             },
             {
               "kind": "field",
-              "name": "readonly",
+              "name": "supportingText",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "Defines whether the component is read-only.\n<br><br>\n<b>Note:</b> A read-only component is not editable,\nbut still provides visual feedback upon user interaction.",
-              "default": "false",
+              "default": "\"\"",
+              "description": "Defines supporting text under the input field.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "displayonly",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "Defines whether the component is display-only.\n<br><br>\n<b>Note:</b> A display-only component is not editable,\nbut still provides visual feedback upon user interaction, input border is not visible.",
-              "default": "false",
+              "default": "\"\"",
+              "description": "Defines the value of the input.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "preselectedCountry",
+              "name": "accessibleName",
               "type": {
                 "text": "string"
               },
-              "description": "Allows to define the initially preselected country.",
-              "default": "\"\"",
+              "description": "Sets the accessible ARIA name of the component.",
+              "default": "undefined",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "blockedCountryCodes",
+              "name": "accessibleNameRef",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "Allows to define the list of blocked country.",
               "default": "\"\"",
+              "description": "Receives id (or many ids) of the elements that label the component.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "searchPlaceholder",
+              "name": "label",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "description": "Defines the placeholder of the search.",
-              "default": "\"\"",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
+              "description": "Defines label text for the input field.",
+              "default": "undefined",
+              "privacy": "public"
             },
             {
               "kind": "field",
@@ -1962,779 +2062,72 @@
             },
             {
               "kind": "field",
-              "name": "supportingText",
+              "name": "formatPattern",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "Defines supporting text under the country selector.",
-              "default": "undefined",
+              "default": "\"MMM dd, yyyy\"",
+              "description": "Defines the date format pattern (e.g., \\\"MMM dd, yyyy\\\" or \\\"MM/dd/yyyy\\\").",
               "privacy": "public"
             },
             {
-              "kind": "field",
-              "name": "hideFlagImages",
-              "type": {
-                "text": "boolean | undefined"
+              "kind": "method",
+              "name": "isValid",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "A value to be tested against the current date format"
+                }
+              ],
+              "description": "Checks if a value is valid against the current date format of the DatePicker.",
               "privacy": "public"
             },
             {
-              "kind": "field",
-              "name": "tabNavigationEnabled",
+              "kind": "method",
+              "name": "isInValidRangeRange",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "A value to be checked"
+                }
+              ],
+              "description": "Checks if a date is between the minimum and maximum date.",
+              "privacy": "public"
+            }
+          ],
+          "events": [
+            {
+              "name": "selection-change",
               "type": {
-                "text": "boolean | undefined"
+                "text": "CustomEvent<UDExDatePickerSelectionChangeEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExDatePickerSelectionChangeEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/DatePicker.js"
+                  }
+                ]
               },
-              "description": "Enables tab navigation for the list.",
-              "default": "\"\"",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
+              "description": "Fired when the selected dates change."
             },
             {
-              "kind": "field",
-              "name": "preventPageScroll",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Defines if page scrolling should be prevented within the list of items.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "busy",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Defines if the component would display a loading indicator.",
-              "default": "false",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "showSearchInput",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Defines if the search input is visible.",
-              "default": "false",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "busyDelay",
-              "type": {
-                "text": "number"
-              },
-              "default": "1000",
-              "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "noResultText",
-              "type": {
-                "text": "string"
-              },
-              "description": "Defines the \"no result\" text of the component.",
-              "default": "\"\"",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "selectAll",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Defines the selectAll option of the component.",
-              "default": "false",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "selectAllLabel",
-              "type": {
-                "text": "string"
-              },
-              "description": "Defines label text for select all header.",
-              "default": "\"Select All\"",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "mode",
-              "type": {
-                "text": "UDExListMode",
-                "references": [
-                  {
-                    "name": "UDExListMode",
-                    "package": "@sapudex/web-components",
-                    "module": "dist/types/List.js"
-                  }
-                ]
-              },
-              "description": "Defines the mode of the component.",
-              "default": "\"SingleSelect\"",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "defaultAccessibleRole",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"list\"",
-              "description": "Defines the default accessible role for the list componnet.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "resetSearch",
-              "description": "Reset the search value.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "before-open",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired before the dropdown pane is opened."
-            },
-            {
-              "name": "open",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired after the dropdown pane is opened."
-            },
-            {
-              "name": "before-close",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired before the dropdown pane is closed."
-            },
-            {
-              "name": "close",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired after the dropdown pane is closed."
-            },
-            {
-              "name": "change-search",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired event when the user submitted the value in the search.",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "name": "reset-search",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired event when the user clicks on the reset button in the search.",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "name": "submit-search",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired event when the user clicks on the submitted icon in the search.",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "name": "selection-change",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "name": "select-all",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired event when the user clicks on the Select All header.",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "name": "first-icon-click",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired event when the user clicks on the first icon.",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "name": "second-icon-click",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired event when the user clicks on the second icon.",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "description": "Defines label text for the input field.",
-              "name": "label",
-              "default": "undefined",
-              "fieldName": "label",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "description": "Defines the accessible ARIA name of the component.",
-              "name": "accessible-name",
-              "default": "undefined",
-              "fieldName": "accessibleName",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "description": "Receives id (or many ids) of the elements that label the component.",
-              "name": "accessible-name-ref",
-              "default": "\"\"",
-              "fieldName": "accessibleNameRef",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "description": "Defines whether the component is required.",
-              "name": "required",
-              "default": "false",
-              "fieldName": "required",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "description": "Allows control over the height.",
-              "name": "height",
-              "fieldName": "height",
-              "type": {
-                "text": "string | undefined"
-              },
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "description": "Defines whether the component is in disabled state.\n<br><br>\n<b>Note:</b> A disabled component is completely noninteractive.",
-              "name": "disabled",
-              "default": "false",
-              "fieldName": "disabled",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "description": "Defines whether the component is read-only.\n<br><br>\n<b>Note:</b> A read-only component is not editable,\nbut still provides visual feedback upon user interaction.",
-              "name": "readonly",
-              "default": "false",
-              "fieldName": "readonly",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "description": "Defines whether the component is display-only.\n<br><br>\n<b>Note:</b> A display-only component is not editable,\nbut still provides visual feedback upon user interaction, input border is not visible.",
-              "name": "displayonly",
-              "default": "false",
-              "fieldName": "displayonly",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "description": "Allows to define the initially preselected country.",
-              "name": "preselected-country",
-              "default": "\"\"",
-              "fieldName": "preselectedCountry",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "description": "Allows to define the list of blocked country.",
-              "name": "blocked-country-codes",
-              "default": "\"\"",
-              "fieldName": "blockedCountryCodes",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "description": "Defines the placeholder of the search.",
-              "name": "search-placeholder",
-              "default": "\"\"",
-              "fieldName": "searchPlaceholder",
-              "type": {
-                "text": "string"
-              },
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "description": "Defines the value state of the component.",
-              "name": "value-state",
-              "default": "\"Standard\"",
-              "fieldName": "valueState",
-              "type": {
-                "text": "\"Warning\" | \"Success\" | \"Error\" | \"Standard\""
-              }
-            },
-            {
-              "description": "Defines supporting text under the country selector.",
-              "name": "supporting-text",
-              "default": "undefined",
-              "fieldName": "supportingText",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "name": "hide-flag-images",
-              "fieldName": "hideFlagImages",
-              "type": {
-                "text": "boolean | undefined"
-              }
-            },
-            {
-              "description": "Enables tab navigation for the list.",
-              "name": "tab-navigation-enabled",
-              "default": "\"\"",
-              "fieldName": "tabNavigationEnabled",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "description": "Defines if page scrolling should be prevented within the list of items.",
-              "name": "prevent-page-scroll",
-              "default": "false",
-              "fieldName": "preventPageScroll",
-              "type": {
-                "text": "boolean"
-              },
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "description": "Defines if the component would display a loading indicator.",
-              "name": "busy",
-              "default": "false",
-              "fieldName": "busy",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "description": "Defines if the search input is visible.",
-              "name": "show-search-input",
-              "default": "false",
-              "fieldName": "showSearchInput",
-              "type": {
-                "text": "boolean"
-              },
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
-              "name": "busy-delay",
-              "default": "1000",
-              "fieldName": "busyDelay",
-              "type": {
-                "text": "number"
-              },
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "description": "Defines the \"no result\" text of the component.",
-              "name": "no-result-text",
-              "default": "\"\"",
-              "fieldName": "noResultText",
-              "type": {
-                "text": "string"
-              },
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "description": "Defines the selectAll option of the component.",
-              "name": "select-all",
-              "default": "false",
-              "fieldName": "selectAll",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "description": "Defines label text for select all header.",
-              "name": "select-all-label",
-              "default": "\"Select All\"",
-              "fieldName": "selectAllLabel",
-              "type": {
-                "text": "string"
-              },
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "description": "Defines the mode of the component.",
-              "name": "mode",
-              "default": "\"SingleSelect\"",
-              "fieldName": "mode",
-              "type": {
-                "text": "\"SingleSelect\" | \"MultiSelect\" | \"SingleContent\" | \"RadioGroup\""
-              },
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "description": "Defines the default accessible role for the list componnet.",
-              "name": "default-accessible-role",
-              "default": "\"list\"",
-              "fieldName": "defaultAccessibleRole",
-              "type": {
-                "text": "string"
-              },
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "UDExSearchableListBase",
-            "package": "@sapudex/web-components",
-            "module": "dist/SearchableListBase.js"
-          },
-          "tagName": "udex-country-selector",
-          "customElement": true,
-          "slots": [
-            {
-              "name": "default",
-              "description": "Slot for items.",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "UDExCountrySelector",
-            "module": "dist/CountrySelector.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "udex-country-selector",
-          "declaration": {
-            "name": "UDExCountrySelector",
-            "module": "dist/CountrySelector.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/DatePicker.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-date-picker</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/DatePicker.js\";</code>",
-          "name": "UDExDatePicker",
-          "members": [
-            {
-              "kind": "field",
-              "name": "selectionMode",
-              "type": {
-                "text": "UDExDatePickerSelectionMode",
-                "references": [
-                  {
-                    "name": "UDExDatePickerSelectionMode",
-                    "package": "@sapudex/web-components",
-                    "module": "dist/DatePicker.js"
-                  }
-                ]
-              },
-              "default": "\"Single\"",
-              "description": "Defines selection mode of the calendar component.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "readonly",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Defines whether the component is read-only.\n<br><br>\n<b>Note:</b> A read-only component is not editable,\nbut still provides visual feedback upon user interaction.",
-              "default": "false",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Defines whether the component is required.",
-              "default": "false",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Defines whether the component is in disabled state.\n<br><br>\n<b>Note:</b> A disabled component is completely noninteractive.",
-              "default": "false",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "supportingText",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Defines supporting text under the input field.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Defines the value of the input.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "accessibleName",
-              "type": {
-                "text": "string"
-              },
-              "description": "Sets the accessible ARIA name of the component.",
-              "default": "undefined",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "accessibleNameRef",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Receives id (or many ids) of the elements that label the component.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Defines label text for the input field.",
-              "default": "undefined",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "valueState",
-              "type": {
-                "text": "UDExValueState",
-                "references": [
-                  {
-                    "name": "UDExValueState",
-                    "package": "@sapudex/web-components",
-                    "module": "dist/types/common.js"
-                  }
-                ]
-              },
-              "description": "Defines the value state of the component.",
-              "default": "\"Standard\"",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "formatPattern",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"MMM dd, yyyy\"",
-              "description": "Defines the date format pattern (e.g., \\\"MMM dd, yyyy\\\" or \\\"MM/dd/yyyy\\\").",
-              "privacy": "public"
-            },
-            {
-              "kind": "method",
-              "name": "isValid",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "A value to be tested against the current date format"
-                }
-              ],
-              "description": "Checks if a value is valid against the current date format of the DatePicker.",
-              "privacy": "public"
-            },
-            {
-              "kind": "method",
-              "name": "isInValidRangeRange",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "A value to be checked"
-                }
-              ],
-              "description": "Checks if a date is between the minimum and maximum date.",
-              "privacy": "public"
-            }
-          ],
-          "events": [
-            {
-              "name": "selection-change",
-              "type": {
-                "text": "CustomEvent<UDExDatePickerSelectionChangeEventDetail>",
-                "references": [
-                  {
-                    "name": "UDExDatePickerSelectionChangeEventDetail",
-                    "package": "@sapudex/web-components",
-                    "module": "dist/DatePicker.js"
-                  }
-                ]
-              },
-              "description": "Fired when the selected dates change."
-            },
-            {
-              "name": "value-state-change",
+              "name": "value-state-change",
               "type": {
                 "text": "CustomEvent<UDExDatePickerValueStateChangeEventDetail>",
                 "references": [
@@ -4015,7 +3408,7 @@
                 "text": "string"
               },
               "default": "\"list\"",
-              "description": "Defines the default accessible role for the list componnet.",
+              "description": "Defines the default accessible role for the list component.",
               "privacy": "public",
               "inheritedFrom": {
                 "name": "UDExSearchableListBase",
@@ -4432,7 +3825,7 @@
               }
             },
             {
-              "description": "Defines the default accessible role for the list componnet.",
+              "description": "Defines the default accessible role for the list component.",
               "name": "default-accessible-role",
               "default": "\"list\"",
               "fieldName": "defaultAccessibleRole",
@@ -5895,84 +5288,168 @@
             {
               "name": "logo-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExFooterBaseEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExFooterBaseEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Footer.js"
+                  }
+                ]
               },
               "description": "Triggered on click interaction with logo in footer"
             },
             {
               "name": "back-to-top-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExFooterBaseEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExFooterBaseEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Footer.js"
+                  }
+                ]
               },
               "description": "Triggered on click interaction with \"Back to Top\" button"
             },
             {
               "name": "contact-phone-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExFooterBaseEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExFooterBaseEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Footer.js"
+                  }
+                ]
               },
               "description": "Triggered on click interaction with phone number link in footer"
             },
             {
               "name": "contact-phone-local-numbers-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExFooterBaseEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExFooterBaseEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Footer.js"
+                  }
+                ]
               },
               "description": "Triggered on click interaction with local country numbers list link"
             },
             {
               "name": "contact-email-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExFooterBaseEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExFooterBaseEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Footer.js"
+                  }
+                ]
               },
               "description": "Triggered on click interaction with \"Contact us by email\" link"
             },
             {
               "name": "contact-chat-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExFooterBaseEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExFooterBaseEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Footer.js"
+                  }
+                ]
               },
               "description": "Triggered on click interaction with \"Contact us by chat\" link"
             },
             {
               "name": "quick-links-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExFooterDetailedClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExFooterDetailedClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Footer.js"
+                  }
+                ]
               },
               "description": "Triggered on click interaction with a link within \"Quick Links\" category"
             },
             {
               "name": "trending-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExFooterDetailedClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExFooterDetailedClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Footer.js"
+                  }
+                ]
               },
               "description": "Triggered on click interaction with a link within \"Trending\" category"
             },
             {
               "name": "about-sap-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExFooterDetailedClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExFooterDetailedClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Footer.js"
+                  }
+                ]
               },
               "description": "Triggered on click interaction with a link within \"About SAP\" category"
             },
             {
               "name": "site-information-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExFooterDetailedClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExFooterDetailedClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Footer.js"
+                  }
+                ]
               },
               "description": "Triggered on click interaction with a link within \"Site Information\" category"
             },
             {
               "name": "social-media-link-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExFooterDetailedClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExFooterDetailedClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Footer.js"
+                  }
+                ]
               },
               "description": "Triggered on click interaction with any of the social media links within footer"
             },
             {
               "name": "accordion-item-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExAccordionItemClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExAccordionItemClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/AccordionItem.js"
+                  }
+                ]
               },
               "description": "Triggered when the user clicks on an accordion item."
             }
@@ -6316,78 +5793,221 @@
             },
             {
               "kind": "field",
-              "name": "backgroundColor",
+              "name": "backgroundColor",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Allows control over the background color.\nValue provided should be compatible with standard CSS rendering, e.g:\n - HEX: \"#FFF\", \"#FFFFFF\", \"FFFFFFFF\"\n - RGB/A: \"rgb(255, 255, 255)\", \"rgba(255, 255, 255, 1)\"\n - HSL/A: \"hsl(0, 100%, 100%)\", \"hsla(0, 100%, 100%, 1\"\n - Variables: \"var(--sapShell_Background)\", \"var(--udexColorNeutralWhite)\"\n - Text values: \"white\", \"red\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "backgroundGradient",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Allows control over the background-image to set css gradient.\nValue provided should be compatible with standard CSS linear-gradient rendering, e.g:\n linear-gradient(to bottom, #1e5799 0%,#7db9e8 100%);\n linear-gradient(to bottom, var(--udexColorBlue2) 0%,var(--udexColorBlue4) 100%);",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Allows control over the background image source.",
+              "name": "background-image",
+              "fieldName": "backgroundImage",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "description": "Allows control over the background image loading strategy.",
+              "name": "background-image-loading-strategy",
+              "fieldName": "backgroundImageLoadingStrategy",
+              "type": {
+                "text": "\"eager\" | \"lazy\""
+              }
+            },
+            {
+              "description": "Used as the label for background image.",
+              "name": "background-image-label",
+              "fieldName": "backgroundImageLabel",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "description": "Allows control over the background video source.",
+              "name": "background-video",
+              "fieldName": "backgroundVideo",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "description": "Used as the label for background video.",
+              "name": "background-video-label",
+              "fieldName": "backgroundVideoLabel",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "description": "Allows control over the background color.\nValue provided should be compatible with standard CSS rendering, e.g:\n - HEX: \"#FFF\", \"#FFFFFF\", \"FFFFFFFF\"\n - RGB/A: \"rgb(255, 255, 255)\", \"rgba(255, 255, 255, 1)\"\n - HSL/A: \"hsl(0, 100%, 100%)\", \"hsla(0, 100%, 100%, 1\"\n - Variables: \"var(--sapShell_Background)\", \"var(--udexColorNeutralWhite)\"\n - Text values: \"white\", \"red\"",
+              "name": "background-color",
+              "fieldName": "backgroundColor",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "description": "Allows control over the background-image to set css gradient.\nValue provided should be compatible with standard CSS linear-gradient rendering, e.g:\n linear-gradient(to bottom, #1e5799 0%,#7db9e8 100%);\n linear-gradient(to bottom, var(--udexColorBlue2) 0%,var(--udexColorBlue4) 100%);",
+              "name": "background-gradient",
+              "fieldName": "backgroundGradient",
+              "type": {
+                "text": "string | undefined"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "dist/UI5Element.js"
+          },
+          "tagName": "udex-hero-banner",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "UDExHeroBanner",
+            "module": "dist/HeroBanner.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "udex-hero-banner",
+          "declaration": {
+            "name": "UDExHeroBanner",
+            "module": "dist/HeroBanner.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/ImageGridCloud.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-image-grid-cloud</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ImageGridCloud.js\";</code>",
+          "name": "UDExImageGridCloud",
+          "slots": [
+            {
+              "name": "default",
+              "description": "Slot for image grid cloud items."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "grayscale",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Grayscale mode enhances visual harmony and can be used for minimal,\nprofessional layouts or to de-emphasize logos.",
+              "default": "undefined",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Grayscale mode enhances visual harmony and can be used for minimal,\nprofessional layouts or to de-emphasize logos.",
+              "name": "grayscale",
+              "default": "undefined",
+              "fieldName": "grayscale",
+              "type": {
+                "text": "boolean | undefined"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "dist/UI5Element.js"
+          },
+          "tagName": "udex-image-grid-cloud",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "UDExImageGridCloud",
+            "module": "dist/ImageGridCloud.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "udex-image-grid-cloud",
+          "declaration": {
+            "name": "UDExImageGridCloud",
+            "module": "dist/ImageGridCloud.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/ImageGridCloudItem.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-image-grid-cloud-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ImageGridCloudItem.js\";</code>",
+          "name": "UDExImageGridCloudItem",
+          "members": [
+            {
+              "kind": "field",
+              "name": "src",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "Allows control over the background color.\nValue provided should be compatible with standard CSS rendering, e.g:\n - HEX: \"#FFF\", \"#FFFFFF\", \"FFFFFFFF\"\n - RGB/A: \"rgb(255, 255, 255)\", \"rgba(255, 255, 255, 1)\"\n - HSL/A: \"hsl(0, 100%, 100%)\", \"hsla(0, 100%, 100%, 1\"\n - Variables: \"var(--sapShell_Background)\", \"var(--udexColorNeutralWhite)\"\n - Text values: \"white\", \"red\"",
+              "description": "Defines the source URL",
+              "default": "\"\"",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "backgroundGradient",
+              "name": "alt",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "Allows control over the background-image to set css gradient.\nValue provided should be compatible with standard CSS linear-gradient rendering, e.g:\n linear-gradient(to bottom, #1e5799 0%,#7db9e8 100%);\n linear-gradient(to bottom, var(--udexColorBlue2) 0%,var(--udexColorBlue4) 100%);",
+              "description": "Defines image alt text",
+              "default": "\"\"",
               "privacy": "public"
             }
           ],
           "attributes": [
             {
-              "description": "Allows control over the background image source.",
-              "name": "background-image",
-              "fieldName": "backgroundImage",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "description": "Allows control over the background image loading strategy.",
-              "name": "background-image-loading-strategy",
-              "fieldName": "backgroundImageLoadingStrategy",
-              "type": {
-                "text": "\"eager\" | \"lazy\""
-              }
-            },
-            {
-              "description": "Used as the label for background image.",
-              "name": "background-image-label",
-              "fieldName": "backgroundImageLabel",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "description": "Allows control over the background video source.",
-              "name": "background-video",
-              "fieldName": "backgroundVideo",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "description": "Used as the label for background video.",
-              "name": "background-video-label",
-              "fieldName": "backgroundVideoLabel",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "description": "Allows control over the background color.\nValue provided should be compatible with standard CSS rendering, e.g:\n - HEX: \"#FFF\", \"#FFFFFF\", \"FFFFFFFF\"\n - RGB/A: \"rgb(255, 255, 255)\", \"rgba(255, 255, 255, 1)\"\n - HSL/A: \"hsl(0, 100%, 100%)\", \"hsla(0, 100%, 100%, 1\"\n - Variables: \"var(--sapShell_Background)\", \"var(--udexColorNeutralWhite)\"\n - Text values: \"white\", \"red\"",
-              "name": "background-color",
-              "fieldName": "backgroundColor",
+              "description": "Defines the source URL",
+              "name": "src",
+              "default": "\"\"",
+              "fieldName": "src",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               }
             },
             {
-              "description": "Allows control over the background-image to set css gradient.\nValue provided should be compatible with standard CSS linear-gradient rendering, e.g:\n linear-gradient(to bottom, #1e5799 0%,#7db9e8 100%);\n linear-gradient(to bottom, var(--udexColorBlue2) 0%,var(--udexColorBlue4) 100%);",
-              "name": "background-gradient",
-              "fieldName": "backgroundGradient",
+              "description": "Defines image alt text",
+              "name": "alt",
+              "default": "\"\"",
+              "fieldName": "alt",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               }
             }
           ],
@@ -6396,7 +6016,7 @@
             "package": "@ui5/webcomponents-base",
             "module": "dist/UI5Element.js"
           },
-          "tagName": "udex-hero-banner",
+          "tagName": "udex-image-grid-cloud-item",
           "customElement": true
         }
       ],
@@ -6405,16 +6025,16 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "UDExHeroBanner",
-            "module": "dist/HeroBanner.js"
+            "name": "UDExImageGridCloudItem",
+            "module": "dist/ImageGridCloudItem.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "udex-hero-banner",
+          "name": "udex-image-grid-cloud-item",
           "declaration": {
-            "name": "UDExHeroBanner",
-            "module": "dist/HeroBanner.js"
+            "name": "UDExImageGridCloudItem",
+            "module": "dist/ImageGridCloudItem.js"
           }
         }
       ]
@@ -6438,10 +6058,10 @@
               "kind": "field",
               "name": "grayscale",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
-              "default": "false",
               "description": "Grayscale mode enhances visual harmony and can be used for minimal,\nprofessional layouts or to de-emphasize logos.",
+              "default": "undefined",
               "privacy": "public"
             }
           ],
@@ -6449,7 +6069,14 @@
             {
               "name": "play-button-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExImageGridTickerPlayBtnClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExImageGridTickerPlayBtnClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/ImageGridTicker.js"
+                  }
+                ]
               },
               "description": "Fired event when the user click on a play/paused button."
             }
@@ -6458,10 +6085,10 @@
             {
               "description": "Grayscale mode enhances visual harmony and can be used for minimal,\nprofessional layouts or to de-emphasize logos.",
               "name": "grayscale",
-              "default": "false",
+              "default": "undefined",
               "fieldName": "grayscale",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               }
             }
           ],
@@ -6977,7 +6604,14 @@
             {
               "name": "item-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExListLinkItemClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExListLinkItemClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/LinkListItem.js"
+                  }
+                ]
               },
               "description": "Triggered when the user clicks on an item."
             }
@@ -7188,7 +6822,14 @@
             {
               "name": "selection-change",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExListSelectionChangeEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExListSelectionChangeEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/List.js"
+                  }
+                ]
               },
               "description": "Fired when selection is changed by user interaction"
             }
@@ -9383,21 +9024,42 @@
             {
               "name": "region-item-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMastheadCountrySelectorRegionClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMastheadCountrySelectorRegionClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MastheadCountrySelector.js"
+                  }
+                ]
               },
               "description": "Fires when region item is clicked"
             },
             {
               "name": "country-item-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMastheadCountrySelectorItemClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMastheadCountrySelectorItemClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MastheadCountrySelector.js"
+                  }
+                ]
               },
               "description": "Fires when region item is clicked"
             },
             {
               "name": "country-selector-search",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMastheadCountrySelectorSearchEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMastheadCountrySelectorSearchEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MastheadCountrySelector.js"
+                  }
+                ]
               },
               "description": "Fired event when the user typed to search field."
             }
@@ -9654,21 +9316,42 @@
             {
               "name": "item-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMastheadItemItemClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMastheadItemItemClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MastheadItem.js"
+                  }
+                ]
               },
               "description": "Fires when item is clicked"
             },
             {
               "name": "dropdown-closed",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMastheadDropdownEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMastheadDropdownEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MastheadItem.js"
+                  }
+                ]
               },
               "description": "Fires when dropdown is closed"
             },
             {
               "name": "dropdown-opened",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMastheadDropdownEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMastheadDropdownEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MastheadItem.js"
+                  }
+                ]
               },
               "description": "Fires when dropdown is opened"
             }
@@ -9860,7 +9543,14 @@
             {
               "name": "menu-item-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMastheadMenuMenuItemClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMastheadMenuMenuItemClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MastheadMenu.js"
+                  }
+                ]
               },
               "description": "Fires when menu item is clicked"
             }
@@ -9955,14 +9645,28 @@
             {
               "name": "item-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMastheadMobileMenuItemClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMastheadMobileMenuItemClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MastheadMobileMenu.js"
+                  }
+                ]
               },
               "description": "Fires when item is clicked"
             },
             {
               "name": "explorer-menu-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMastheadMobileMenuExploreClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMastheadMobileMenuExploreClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MastheadMobileMenu.js"
+                  }
+                ]
               },
               "description": "Fires when explorer menu button is clicked"
             }
@@ -10055,28 +9759,56 @@
             {
               "name": "logout",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMastheadProfileMenuItemClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMastheadProfileMenuItemClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MastheadProfileMenu.js"
+                  }
+                ]
               },
               "description": "Fired when use click Logout link"
             },
             {
               "name": "profile-item-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMastheadProfileMenuItemClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMastheadProfileMenuItemClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MastheadProfileMenu.js"
+                  }
+                ]
               },
               "description": "Fires when profile menu item is clicked"
             },
             {
               "name": "add-or-remove-account-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMastheadProfileMenuAddOrRemoveClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMastheadProfileMenuAddOrRemoveClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MastheadProfileMenu.js"
+                  }
+                ]
               },
               "description": "Fired when use click add or remove account button"
             },
             {
               "name": "identity-item-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMastheadProfileMenuIdentityClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMastheadProfileMenuIdentityClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MastheadProfileMenu.js"
+                  }
+                ]
               },
               "description": "Fires when identity item is clicked"
             }
@@ -10429,91 +10161,182 @@
             {
               "name": "mobile-menu-open",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMastheadShellAnalyticsNameEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMastheadShellAnalyticsNameEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MastheadShell.js"
+                  }
+                ]
               },
               "description": "Fired event when the user clicks the mobile menu button opener."
             },
             {
               "name": "mobile-menu-close",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMastheadShellAnalyticsNameEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMastheadShellAnalyticsNameEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MastheadShell.js"
+                  }
+                ]
               },
               "description": "Fired event when the user clicks the mobile menu button closer."
             },
             {
               "name": "search-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMastheadShellBaseEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMastheadShellBaseEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MastheadShell.js"
+                  }
+                ]
               },
               "description": "Fired event when the user clicks the search button trigger."
             },
             {
               "name": "search-close-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMastheadShellBaseEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMastheadShellBaseEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MastheadShell.js"
+                  }
+                ]
               },
               "description": "Fired event when the user clicks the search close button."
             },
             {
               "name": "search-opened",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMastheadShellAnalyticsNameEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMastheadShellAnalyticsNameEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MastheadShell.js"
+                  }
+                ]
               },
               "description": "Fired event when the search panel is opened."
             },
             {
               "name": "search-closed",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMastheadShellAnalyticsNameEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMastheadShellAnalyticsNameEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MastheadShell.js"
+                  }
+                ]
               },
               "description": "Fired event when the search panel is closed."
             },
             {
               "name": "cart-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMastheadShellBaseEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMastheadShellBaseEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MastheadShell.js"
+                  }
+                ]
               },
               "description": "Fired event when the user clicks the cart button trigger."
             },
             {
               "name": "support-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMastheadShellBaseEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMastheadShellBaseEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MastheadShell.js"
+                  }
+                ]
               },
               "description": "Fired event when the user clicks the support button trigger."
             },
             {
               "name": "profile-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMastheadShellBaseEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMastheadShellBaseEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MastheadShell.js"
+                  }
+                ]
               },
               "description": "Fired event when the user clicks the profile button trigger."
             },
             {
               "name": "country-selector-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMastheadShellBaseEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMastheadShellBaseEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MastheadShell.js"
+                  }
+                ]
               },
               "description": "Fired event when the user clicks the country selector button trigger."
             },
             {
               "name": "logo-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMastheadShellBaseEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMastheadShellBaseEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MastheadShell.js"
+                  }
+                ]
               },
               "description": "Fired event when the user clicks the logo."
             },
             {
               "name": "site-label-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMastheadShellBaseEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMastheadShellBaseEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MastheadShell.js"
+                  }
+                ]
               },
               "description": "Fired event when the user clicks the site label."
             },
             {
               "name": "co-brand-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMastheadShellBaseEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMastheadShellBaseEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MastheadShell.js"
+                  }
+                ]
               },
               "description": "Fired event when the user clicks the co-brand."
             }
@@ -10916,7 +10739,14 @@
             {
               "name": "videoProgress",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMediaPlayerVideoProgressEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMediaPlayerVideoProgressEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MediaPlayer.js"
+                  }
+                ]
               },
               "description": "Fires when video watching progress changed"
             },
@@ -11192,7 +11022,14 @@
             {
               "name": "playing",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMediaPlayerVimeoPlayingEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMediaPlayerVimeoPlayingEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MediaPlayerVimeo.js"
+                  }
+                ]
               },
               "description": "Fires when video watching progress changed"
             }
@@ -11377,21 +11214,42 @@
             {
               "name": "ended",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMediaPlayerYoutubeBaseEventDetails>",
+                "references": [
+                  {
+                    "name": "UDExMediaPlayerYoutubeBaseEventDetails",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MediaPlayerYoutube.js"
+                  }
+                ]
               },
               "description": "Fires when video play ended"
             },
             {
               "name": "pause",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMediaPlayerYoutubeBaseEventDetails>",
+                "references": [
+                  {
+                    "name": "UDExMediaPlayerYoutubeBaseEventDetails",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MediaPlayerYoutube.js"
+                  }
+                ]
               },
               "description": "Fires when video is paused"
             },
             {
               "name": "playing",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExMediaPlayerYoutubePlayingEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExMediaPlayerYoutubePlayingEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/MediaPlayerYoutube.js"
+                  }
+                ]
               },
               "description": "Fires when video watching progress changed"
             }
@@ -13621,14 +13479,28 @@
             {
               "name": "submit-search-value",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExSearchBaseEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExSearchBaseEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Search.js"
+                  }
+                ]
               },
               "description": "Fired event when the user submitted the value."
             },
             {
               "name": "handle-value-search",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExSearchBaseEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExSearchBaseEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Search.js"
+                  }
+                ]
               },
               "description": "Fired event when the user typed to search field."
             },
@@ -13642,21 +13514,42 @@
             {
               "name": "dropdown-item-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExSearchBaseEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExSearchBaseEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Search.js"
+                  }
+                ]
               },
               "description": "Fired event when the user clicks on the item inside the popover."
             },
             {
               "name": "prefix-item-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExSearchPrefixItemClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExSearchPrefixItemClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Search.js"
+                  }
+                ]
               },
               "description": "Fired event when the user clicks on the intem inside the prefix dropdown."
             },
             {
               "name": "search-keydown",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExSearchKeydownEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExSearchKeydownEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Search.js"
+                  }
+                ]
               },
               "description": "Fired event when the user clicks on the intem inside the prefix dropdown."
             }
@@ -13868,7 +13761,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "A class to serve as a foundation\nfor the <code>UDExFilterMenu</code> , <code>UDExSelectBox</code> and <code>UDExCountrySelector/code> classes.",
+          "description": "A class to serve as a foundation\nfor the <code>UDExFilterMenu</code> and <code>UDExSelectBox</code> classes.",
           "name": "UDExSearchableListBase",
           "slots": [
             {
@@ -14000,7 +13893,7 @@
                 "text": "string"
               },
               "default": "\"list\"",
-              "description": "Defines the default accessible role for the list componnet.",
+              "description": "Defines the default accessible role for the list component.",
               "privacy": "public"
             },
             {
@@ -14161,7 +14054,7 @@
               }
             },
             {
-              "description": "Defines the default accessible role for the list componnet.",
+              "description": "Defines the default accessible role for the list component.",
               "name": "default-accessible-role",
               "default": "\"list\"",
               "fieldName": "defaultAccessibleRole",
@@ -14261,9 +14154,30 @@
             {
               "name": "item-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExSecondaryNavigationClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExSecondaryNavigationClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/SecondaryNavigation.js"
+                  }
+                ]
               },
               "description": "Fires when item is clicked"
+            },
+            {
+              "name": "heading-click",
+              "type": {
+                "text": "CustomEvent<UDExSecondaryNavigationHeadingClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExSecondaryNavigationHeadingClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/SecondaryNavigation.js"
+                  }
+                ]
+              },
+              "description": "The event is triggered on user interaction with a secondary navigation heading"
             }
           ],
           "attributes": [
@@ -14650,14 +14564,28 @@
             {
               "name": "sub-item-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExSecondaryNavigationSubItemClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExSecondaryNavigationSubItemClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/SecondaryNavigationSubItem.js"
+                  }
+                ]
               },
               "description": "Fires when item is clicked"
             },
             {
               "name": "back-item-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExSecondaryNavigationSubItemBackClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExSecondaryNavigationSubItemBackClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/SecondaryNavigationSubItem.js"
+                  }
+                ]
               },
               "description": "Fires when back item is clicked"
             }
@@ -14928,23 +14856,13 @@
     },
     {
       "kind": "javascript-module",
-      "path": "dist/SelectBox.js",
+      "path": "dist/SelectBase.js",
       "declarations": [
         {
           "kind": "class",
           "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExSelectBox.js\";</code>",
-          "name": "UDExSelectBox",
+          "name": "UDExSelectBase",
           "members": [
-            {
-              "kind": "field",
-              "name": "disableTargetOverlap",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Determines if there is no enough space, the component can be placed\nover the target.",
-              "default": "false",
-              "privacy": "public"
-            },
             {
               "kind": "field",
               "name": "required",
@@ -15042,34 +14960,6 @@
               "default": "undefined",
               "privacy": "public"
             },
-            {
-              "kind": "field",
-              "name": "tooltipPlacement",
-              "type": {
-                "text": "Placement",
-                "references": [
-                  {
-                    "name": "Placement",
-                    "package": "@sapudex/web-components",
-                    "module": "dist/types/Dropdown.js"
-                  }
-                ]
-              },
-              "description": "Determines on which side of the component the Tooltip is displayed.",
-              "default": "\"Bottom\"",
-              "privacy": "public"
-            },
-            {
-              "kind": "method",
-              "name": "close",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Close the dropdown.",
-              "privacy": "public"
-            },
             {
               "kind": "field",
               "name": "tabNavigationEnabled",
@@ -15187,168 +15077,83 @@
               "type": {
                 "text": "boolean | undefined"
               },
-              "description": "Defines the selectAll option of the component.",
-              "default": "false",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "selectAllLabel",
-              "type": {
-                "text": "string"
-              },
-              "description": "Defines label text for select all header.",
-              "default": "\"Select All\"",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "mode",
-              "type": {
-                "text": "UDExListMode",
-                "references": [
-                  {
-                    "name": "UDExListMode",
-                    "package": "@sapudex/web-components",
-                    "module": "dist/types/List.js"
-                  }
-                ]
-              },
-              "description": "Defines the mode of the component.",
-              "default": "\"SingleSelect\"",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "defaultAccessibleRole",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"list\"",
-              "description": "Defines the default accessible role for the list componnet.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "resetSearch",
-              "description": "Reset the search value.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "remove",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired event when the user clicks on the reset button in the search."
-            },
-            {
-              "name": "show-more",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired event when the user clicks on the More button."
-            },
-            {
-              "name": "before-open",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired before the dropdown pane is opened."
-            },
-            {
-              "name": "selection-change",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "name": "select-all",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired event when the user clicks on the Select All header.",
+              "description": "Defines the selectAll option of the component.",
+              "default": "false",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "UDExSearchableListBase",
                 "module": "dist/SearchableListBase.js"
               }
             },
             {
-              "name": "submit-search",
+              "kind": "field",
+              "name": "selectAllLabel",
               "type": {
-                "text": "CustomEvent"
+                "text": "string"
               },
-              "description": "Fired event when the user clicks on the submitted icon in the search.",
+              "description": "Defines label text for select all header.",
+              "default": "\"Select All\"",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "UDExSearchableListBase",
                 "module": "dist/SearchableListBase.js"
               }
             },
             {
-              "name": "reset-search",
+              "kind": "field",
+              "name": "mode",
               "type": {
-                "text": "CustomEvent"
+                "text": "UDExListMode",
+                "references": [
+                  {
+                    "name": "UDExListMode",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/types/List.js"
+                  }
+                ]
               },
-              "description": "Fired event when the user clicks on the reset button in the search.",
+              "description": "Defines the mode of the component.",
+              "default": "\"SingleSelect\"",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "UDExSearchableListBase",
                 "module": "dist/SearchableListBase.js"
               }
             },
             {
-              "name": "change-search",
+              "kind": "field",
+              "name": "defaultAccessibleRole",
               "type": {
-                "text": "CustomEvent"
+                "text": "string"
               },
-              "description": "Fired event when the user submitted the value in the search.",
+              "default": "\"list\"",
+              "description": "Defines the default accessible role for the list component.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "UDExSearchableListBase",
                 "module": "dist/SearchableListBase.js"
               }
             },
             {
-              "name": "first-icon-click",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired event when the user clicks on the first icon.",
+              "kind": "method",
+              "name": "resetSearch",
+              "description": "Reset the search value.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "UDExSearchableListBase",
                 "module": "dist/SearchableListBase.js"
               }
-            },
+            }
+          ],
+          "superclass": {
+            "name": "UDExSearchableListBase",
+            "package": "@sapudex/web-components",
+            "module": "dist/SearchableListBase.js"
+          },
+          "slots": [
             {
-              "name": "second-icon-click",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired event when the user clicks on the second icon.",
+              "name": "default",
+              "description": "Slot for items.",
               "inheritedFrom": {
                 "name": "UDExSearchableListBase",
                 "module": "dist/SearchableListBase.js"
@@ -15356,105 +15161,6 @@
             }
           ],
           "attributes": [
-            {
-              "description": "Determines if there is no enough space, the component can be placed\nover the target.",
-              "name": "disable-target-overlap",
-              "default": "false",
-              "fieldName": "disableTargetOverlap",
-              "type": {
-                "text": "boolean | undefined"
-              }
-            },
-            {
-              "description": "Defines whether the component is required.",
-              "name": "required",
-              "default": "false",
-              "fieldName": "required",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "description": "Defines whether the component is in disabled state.",
-              "name": "disabled",
-              "default": "false",
-              "fieldName": "disabled",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "description": "Defines label text for field container.",
-              "name": "label",
-              "default": "\"\"",
-              "fieldName": "label",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "description": "Defines the accessible ARIA name of the component.",
-              "name": "accessible-name",
-              "default": "undefined",
-              "fieldName": "accessibleName",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "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"
-              }
-            },
-            {
-              "description": "Defines whether the component is read-only.",
-              "name": "readonly",
-              "default": "false",
-              "fieldName": "readonly",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "description": "Defines whether the component is display-only.",
-              "name": "displayonly",
-              "default": "false",
-              "fieldName": "displayonly",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "description": "Defines the value state of the trigger container.",
-              "name": "value-state",
-              "default": "\"Standard\"",
-              "fieldName": "valueState",
-              "type": {
-                "text": "\"Warning\" | \"Success\" | \"Error\" | \"Standard\""
-              }
-            },
-            {
-              "description": "Defines supporting text under the trigger container.",
-              "name": "supporting-text",
-              "default": "undefined",
-              "fieldName": "supportingText",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "description": "Determines on which side of the component the Tooltip is displayed.",
-              "name": "tooltip-placement",
-              "default": "\"Bottom\"",
-              "fieldName": "tooltipPlacement",
-              "type": {
-                "text": "\"Start\" | \"End\" | \"Top\" | \"Bottom\""
-              }
-            },
             {
               "description": "Enables tab navigation for the list.",
               "name": "tab-navigation-enabled",
@@ -15559,75 +15265,236 @@
               }
             },
             {
-              "description": "Defines the selectAll option of the component.",
-              "name": "select-all",
-              "default": "false",
-              "fieldName": "selectAll",
+              "description": "Defines the selectAll option of the component.",
+              "name": "select-all",
+              "default": "false",
+              "fieldName": "selectAll",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
+              }
+            },
+            {
+              "description": "Defines label text for select all header.",
+              "name": "select-all-label",
+              "default": "\"Select All\"",
+              "fieldName": "selectAllLabel",
+              "type": {
+                "text": "string"
+              },
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
+              }
+            },
+            {
+              "description": "Defines the mode of the component.",
+              "name": "mode",
+              "default": "\"SingleSelect\"",
+              "fieldName": "mode",
+              "type": {
+                "text": "\"SingleSelect\" | \"MultiSelect\" | \"SingleContent\" | \"RadioGroup\""
+              },
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
+              }
+            },
+            {
+              "description": "Defines the default accessible role for the list component.",
+              "name": "default-accessible-role",
+              "default": "\"list\"",
+              "fieldName": "defaultAccessibleRole",
+              "type": {
+                "text": "string"
+              },
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "selection-change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "",
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
+              }
+            },
+            {
+              "name": "select-all",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired event when the user clicks on the Select All header.",
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
+              }
+            },
+            {
+              "name": "submit-search",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired event when the user clicks on the submitted icon in the search.",
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
+              }
+            },
+            {
+              "name": "reset-search",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired event when the user clicks on the reset button in the search.",
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
+              }
+            },
+            {
+              "name": "change-search",
               "type": {
-                "text": "boolean | undefined"
+                "text": "CustomEvent"
               },
+              "description": "Fired event when the user submitted the value in the search.",
               "inheritedFrom": {
                 "name": "UDExSearchableListBase",
                 "module": "dist/SearchableListBase.js"
               }
             },
             {
-              "description": "Defines label text for select all header.",
-              "name": "select-all-label",
-              "default": "\"Select All\"",
-              "fieldName": "selectAllLabel",
+              "name": "first-icon-click",
               "type": {
-                "text": "string"
+                "text": "CustomEvent"
               },
+              "description": "Fired event when the user clicks on the first icon.",
               "inheritedFrom": {
                 "name": "UDExSearchableListBase",
                 "module": "dist/SearchableListBase.js"
               }
             },
             {
-              "description": "Defines the mode of the component.",
-              "name": "mode",
-              "default": "\"SingleSelect\"",
-              "fieldName": "mode",
+              "name": "second-icon-click",
               "type": {
-                "text": "\"SingleSelect\" | \"MultiSelect\" | \"SingleContent\" | \"RadioGroup\""
+                "text": "CustomEvent"
               },
+              "description": "Fired event when the user clicks on the second icon.",
               "inheritedFrom": {
                 "name": "UDExSearchableListBase",
                 "module": "dist/SearchableListBase.js"
               }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "UDExSelectBase",
+            "module": "dist/SelectBase.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/SelectBox.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExSelectBox.js\";</code>",
+          "name": "UDExSelectBox",
+          "members": [
+            {
+              "kind": "field",
+              "name": "disableTargetOverlap",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Determines if there is no enough space, the component can be placed\nover the target.",
+              "default": "false",
+              "privacy": "public"
             },
             {
-              "description": "Defines the default accessible role for the list componnet.",
-              "name": "default-accessible-role",
-              "default": "\"list\"",
-              "fieldName": "defaultAccessibleRole",
+              "kind": "field",
+              "name": "tooltipPlacement",
               "type": {
-                "text": "string"
+                "text": "Placement",
+                "references": [
+                  {
+                    "name": "Placement",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/types/Dropdown.js"
+                  }
+                ]
               },
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
+              "description": "Determines on which side of the component the Tooltip is displayed.",
+              "default": "\"Bottom\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "close",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Close the dropdown.",
+              "privacy": "public"
             }
           ],
-          "superclass": {
-            "name": "UDExSearchableListBase",
-            "package": "@sapudex/web-components",
-            "module": "dist/SearchableListBase.js"
-          },
-          "tagName": "udex-select-box",
-          "customElement": true,
-          "slots": [
+          "events": [
             {
-              "name": "default",
-              "description": "Slot for items.",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
+              "name": "remove",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired event when the user remove tag."
+            },
+            {
+              "name": "show-more",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired event when the user clicks on the More button."
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Determines if there is no enough space, the component can be placed\nover the target.",
+              "name": "disable-target-overlap",
+              "default": "false",
+              "fieldName": "disableTargetOverlap",
+              "type": {
+                "text": "boolean | undefined"
+              }
+            },
+            {
+              "description": "Determines on which side of the component the Tooltip is displayed.",
+              "name": "tooltip-placement",
+              "default": "\"Bottom\"",
+              "fieldName": "tooltipPlacement",
+              "type": {
+                "text": "\"Start\" | \"End\" | \"Top\" | \"Bottom\""
               }
             }
-          ]
+          ],
+          "tagName": "udex-select-box",
+          "customElement": true
         }
       ],
       "exports": [
@@ -17149,7 +17016,14 @@
             {
               "name": "click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<LinkClickEventDetail>",
+                "references": [
+                  {
+                    "name": "LinkClickEventDetail",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/Link.js"
+                  }
+                ]
               },
               "description": "Triggered when the user clicks on an item."
             }
@@ -17614,7 +17488,14 @@
             {
               "name": "change",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExStepInputValueChangeEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExStepInputValueChangeEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/StepInput.js"
+                  }
+                ]
               },
               "description": "Fired when the input operation has finished by pressing Enter or on focusout."
             },
@@ -18235,14 +18116,28 @@
             {
               "name": "click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExTabNavigationClickDetail>",
+                "references": [
+                  {
+                    "name": "UDExTabNavigationClickDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/TabNavigation.js"
+                  }
+                ]
               },
               "description": "Fires when the tab was clicked."
             },
             {
               "name": "tab-select",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExTabContainerTabSelectEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExTabContainerTabSelectEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/TabNavigation.js"
+                  }
+                ]
               },
               "description": "Fired when a tab is selected."
             }
@@ -19257,7 +19152,14 @@
             {
               "name": "tagLinkClick",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExTagLinkClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExTagLinkClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Tag.js"
+                  }
+                ]
               },
               "description": "Emitted when tag link was clicked"
             }
@@ -19393,7 +19295,8 @@
           "slots": [
             {
               "name": "default",
-              "description": "Defines the tags."
+              "description": "Defines the tags.",
+              "default": "\"[]\""
             }
           ],
           "members": [
@@ -19459,14 +19362,28 @@
             {
               "name": "tag-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExTagClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExTagClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/TagGroup.js"
+                  }
+                ]
               },
               "description": "Emitted when tag was clicked"
             },
             {
               "name": "tag-icon-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExTagIconClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExTagIconClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/TagGroup.js"
+                  }
+                ]
               },
               "description": "Emitted when icon in tag was clicked"
             },
@@ -19480,7 +19397,14 @@
             {
               "name": "tag-keydown",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExTagKeydownEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExTagKeydownEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/TagGroup.js"
+                  }
+                ]
               },
               "description": "Emitted  when a keydown event occurs on a tag, can be canceled\nEmitted custom event with keycode and tag details"
             }
@@ -19936,6 +19860,16 @@
               "default": "\"\"",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the name of the input element.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "accessibleNameRef",
@@ -19946,6 +19880,16 @@
               "description": "Receives id (or many ids) of the elements that label the component.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "fieldRef",
+              "type": {
+                "text": "((el: HTMLInputElement | null) => void) | { current: HTMLInputElement | null } | undefined"
+              },
+              "description": "Defines the ref of the input element.",
+              "default": "undefined",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "accessibleIconName",
@@ -20097,6 +20041,13 @@
                 "text": "CustomEvent"
               },
               "description": "Fired when the input operation has finished by pressing Enter or on focusout."
+            },
+            {
+              "name": "blur",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired on input focusout."
             }
           ],
           "attributes": [
@@ -20144,6 +20095,15 @@
                 "text": "string"
               }
             },
+            {
+              "description": "Defines the name of the input element.",
+              "name": "name",
+              "default": "\"\"",
+              "fieldName": "name",
+              "type": {
+                "text": "string"
+              }
+            },
             {
               "description": "Receives id (or many ids) of the elements that label the component.",
               "name": "accessible-name-ref",
@@ -20153,6 +20113,15 @@
                 "text": "string"
               }
             },
+            {
+              "description": "Defines the ref of the input element.",
+              "name": "field-ref",
+              "default": "undefined",
+              "fieldName": "fieldRef",
+              "type": {
+                "text": "((el: HTMLInputElement | null) => void) | { current: HTMLInputElement | null; } | undefined"
+              }
+            },
             {
               "description": "Defines the accessible ARIA name of the component.",
               "name": "accessible-icon-name",
@@ -20364,7 +20333,14 @@
             {
               "name": "click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExTileClickEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExTileClickEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Tile.js"
+                  }
+                ]
               },
               "description": "Fires when the user clicks inside the component in interactive mode."
             }
@@ -21074,35 +21050,70 @@
             {
               "name": "file-size-exceed",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExUploadBaseEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExUploadBaseEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Upload.js"
+                  }
+                ]
               },
               "description": "Triggered when the uploaded file exceeds the maximum allowed size."
             },
             {
               "name": "file-delete",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExUploadFileDeleteEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExUploadFileDeleteEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Upload.js"
+                  }
+                ]
               },
               "description": "Triggered when the user deletes the uploaded item."
             },
             {
               "name": "file-change",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExUploadFileChangeEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExUploadFileChangeEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Upload.js"
+                  }
+                ]
               },
               "description": "Triggered when the user uploads the item."
             },
             {
               "name": "file-duplicate",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<UDExUploadBaseEventDetail>",
+                "references": [
+                  {
+                    "name": "UDExUploadBaseEventDetail",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Upload.js"
+                  }
+                ]
               },
               "description": "Triggered when the user attempts to upload a duplicate file."
             },
             {
               "name": "change",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<FileUploaderChangeEventDetail>",
+                "references": [
+                  {
+                    "name": "FileUploaderChangeEventDetail",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/FileUploader.js"
+                  }
+                ]
               },
               "description": "Triggered when the user attempts to upload a file."
             }