diff --git a/package.json b/package.json
index 04ea6c2..71759e0 100644
--- a/package.json
+++ b/package.json
@@ -71,47 +71,47 @@
     "!packages/**/dist"
   ],
   "dependencies": {
-    "@stencil/core": "4.3.0"
+    "@stencil/core": "4.6.0"
   },
   "devDependencies": {
-    "@babel/core": "7.23.0",
+    "@babel/core": "7.23.2",
     "@babel/eslint-parser": "7.22.15",
-    "@babel/plugin-transform-runtime": "7.22.15",
+    "@babel/plugin-transform-runtime": "7.23.2",
     "@babel/preset-react": "7.22.15",
-    "@babel/preset-typescript": "7.23.0",
+    "@babel/preset-typescript": "7.23.2",
     "@prettier/plugin-xml": "3.2.1",
     "@stencil/angular-output-target": "0.8.2",
     "@stencil/react-output-target": "0.5.3",
-    "@storybook/addon-essentials": "7.4.5",
-    "@storybook/addon-links": "7.4.5",
-    "@storybook/builder-webpack5": "7.4.5",
-    "@storybook/cli": "7.4.5",
-    "@storybook/html": "7.4.5",
-    "@storybook/html-webpack5": "7.4.5",
+    "@storybook/addon-essentials": "7.5.1",
+    "@storybook/addon-links": "7.5.1",
+    "@storybook/builder-webpack5": "7.5.1",
+    "@storybook/cli": "7.5.1",
+    "@storybook/html": "7.5.1",
+    "@storybook/html-webpack5": "7.5.1",
     "@types/jest": "27.0.3",
     "babel-loader": "9.1.3",
     "browser-update": "3.3.44",
     "build-number-generator": "2.0.4",
     "copyfiles": "2.4.1",
-    "core-js": "3.32.2",
+    "core-js": "3.33.1",
     "cross-env": "7.0.3",
-    "eslint": "8.50.0",
+    "eslint": "8.52.0",
     "eslint-config-airbnb": "19.0.4",
     "eslint-config-airbnb-base": "15.0.0",
     "eslint-config-prettier": "9.0.0",
-    "eslint-plugin-import": "2.28.1",
-    "eslint-plugin-jest": "27.4.0",
+    "eslint-plugin-import": "2.29.0",
+    "eslint-plugin-jest": "27.4.3",
     "eslint-plugin-jsx-a11y": "6.7.1",
-    "eslint-plugin-prettier": "5.0.0",
+    "eslint-plugin-prettier": "5.0.1",
     "eslint-plugin-react": "7.33.2",
     "eslint-plugin-react-hooks": "4.6.0",
     "get-latest-version": "5.1.0",
     "husky": "8.0.3",
     "jest": "27.0.3",
     "jest-cli": "27.4.5",
-    "lerna": "7.3.0",
+    "lerna": "7.4.1",
     "lerna-changelog": "2.2.0",
-    "lint-staged": "14.0.1",
+    "lint-staged": "15.0.2",
     "ncp": "2.0.0",
     "npm-run-all": "4.1.5",
     "patch-package": "8.0.0",
@@ -120,12 +120,12 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "replace-in-file": "7.0.1",
-    "rimraf": "5.0.4",
-    "stylelint": "15.10.3",
+    "rimraf": "5.0.5",
+    "stylelint": "15.11.0",
     "stylelint-config-css-modules": "4.3.0",
     "stylelint-config-prettier": "9.0.5",
     "stylelint-config-standard": "34.0.0",
-    "stylelint-config-standard-scss": "10.0.0",
+    "stylelint-config-standard-scss": "11.0.0",
     "stylelint-order": "6.0.3",
     "stylelint-scss": "5.2.1"
   },
diff --git a/packages/ecl-webcomponents-angular-workspace/package.json b/packages/ecl-webcomponents-angular-workspace/package.json
index 577fe4d..059703d 100644
--- a/packages/ecl-webcomponents-angular-workspace/package.json
+++ b/packages/ecl-webcomponents-angular-workspace/package.json
@@ -13,22 +13,22 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "16.2.6",
-    "@angular/common": "16.2.6",
-    "@angular/compiler": "16.2.6",
-    "@angular/core": "16.2.6",
-    "@angular/forms": "16.2.6",
-    "@angular/platform-browser": "16.2.6",
-    "@angular/platform-browser-dynamic": "16.2.6",
-    "@angular/router": "16.2.6",
+    "@angular/animations": "16.2.10",
+    "@angular/common": "16.2.10",
+    "@angular/compiler": "16.2.10",
+    "@angular/core": "16.2.10",
+    "@angular/forms": "16.2.10",
+    "@angular/platform-browser": "16.2.10",
+    "@angular/platform-browser-dynamic": "16.2.10",
+    "@angular/router": "16.2.10",
     "rxjs": "~7.8.0",
     "tslib": "2.6.2",
     "zone.js": "0.13.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "16.2.3",
-    "@angular/cli": "16.2.3",
-    "@angular/compiler-cli": "16.2.6",
+    "@angular-devkit/build-angular": "16.2.7",
+    "@angular/cli": "16.2.7",
+    "@angular/compiler-cli": "16.2.10",
     "@babel/plugin-proposal-private-property-in-object": "7.21.11",
     "@ecl/ecl-webcomponents": "0.11.0",
     "@ecl/ecl-webcomponents-angular": "0.11.0",
@@ -42,7 +42,7 @@
     "ncp": "2.0.0",
     "ng-packagr": "16.2.3",
     "nodemon": "3.0.1",
-    "rimraf": "5.0.4",
+    "rimraf": "5.0.5",
     "typescript": "~4.9.4"
   }
 }
diff --git a/packages/ecl-webcomponents-react-consumer/package.json b/packages/ecl-webcomponents-react-consumer/package.json
index 44010b9..a0b4c41 100644
--- a/packages/ecl-webcomponents-react-consumer/package.json
+++ b/packages/ecl-webcomponents-react-consumer/package.json
@@ -15,13 +15,13 @@
     "@ecl/ecl-webcomponents-react": "0.11.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "rimraf": "5.0.4"
+    "rimraf": "5.0.5"
   },
   "devDependencies": {
-    "@types/react": "18.2.22",
-    "@types/react-dom": "18.2.7",
+    "@types/react": "18.2.31",
+    "@types/react-dom": "18.2.14",
     "@vitejs/plugin-react": "4.1.0",
     "typescript": "5.2.2",
-    "vite": "4.4.9"
+    "vite": "4.5.0"
   }
 }
diff --git a/packages/ecl-webcomponents-react/package.json b/packages/ecl-webcomponents-react/package.json
index d998af0..e34b3a1 100644
--- a/packages/ecl-webcomponents-react/package.json
+++ b/packages/ecl-webcomponents-react/package.json
@@ -17,7 +17,8 @@
   "license": "EUPL-1.2",
   "directories": {
     "lib": "lib",
-    "test": "__tests__"
+    "test": "__tests__",
+    "scripts": "scripts"
   },
   "files": [
     "dist"
@@ -29,10 +30,10 @@
     "@ecl/ecl-webcomponents": "0.11.0"
   },
   "devDependencies": {
-    "@types/react": "18.2.22",
+    "@types/react": "18.2.31",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "rimraf": "5.0.4",
+    "rimraf": "5.0.5",
     "typescript": "5.2.2"
   },
   "repository": {
diff --git a/packages/ecl-webcomponents/package.json b/packages/ecl-webcomponents/package.json
index f346794..58077a4 100644
--- a/packages/ecl-webcomponents/package.json
+++ b/packages/ecl-webcomponents/package.json
@@ -27,7 +27,7 @@
     "url": "https://github.com/ec-europa/ecl-webcomponents"
   },
   "dependencies": {
-    "@stencil/core": "4.3.0"
+    "@stencil/core": "4.6.0"
   },
   "devDependencies": {
     "@stencil/angular-output-target": "0.8.2",
diff --git a/patches/@stencil+react-output-target+0.5.3.patch b/patches/@stencil+react-output-target+0.5.3.patch
new file mode 100644
index 0000000..1dcb203
--- /dev/null
+++ b/patches/@stencil+react-output-target+0.5.3.patch
@@ -0,0 +1,13 @@
+diff --git a/node_modules/@stencil/react-output-target/react-component-lib/createOverlayComponent.tsx b/node_modules/@stencil/react-output-target/react-component-lib/createOverlayComponent.tsx
+index 288c38d..4902e9a 100644
+--- a/node_modules/@stencil/react-output-target/react-component-lib/createOverlayComponent.tsx
++++ b/node_modules/@stencil/react-output-target/react-component-lib/createOverlayComponent.tsx
+@@ -132,7 +132,7 @@ export const createOverlayComponent = <OverlayComponent extends object, OverlayT
+        * overlay is dismissing otherwise component
+        * will be hidden before animation is done.
+        */
+-      return ReactDOM.createPortal(this.props.isOpen || isDismissing ? this.props.children : null, this.el);
++      return <>{ReactDOM.createPortal(this.props.isOpen || isDismissing ? this.props.children : null, this.el)}</>;
+     }
+   }
+ 
diff --git a/src/components.d.ts b/src/components.d.ts
index d5f421d..f12b8da 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -898,7 +898,20 @@ declare global {
         prototype: HTMLEclDateBlockElement;
         new (): HTMLEclDateBlockElement;
     };
+    interface HTMLEclDatepickerElementEventMap {
+        "valueChanged": string;
+        "focused": void;
+        "blurred": void;
+    }
     interface HTMLEclDatepickerElement extends Components.EclDatepicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLEclDatepickerElementEventMap>(type: K, listener: (this: HTMLEclDatepickerElement, ev: EclDatepickerCustomEvent<HTMLEclDatepickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLEclDatepickerElementEventMap>(type: K, listener: (this: HTMLEclDatepickerElement, ev: EclDatepickerCustomEvent<HTMLEclDatepickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLEclDatepickerElement: {
         prototype: HTMLEclDatepickerElement;
@@ -1030,7 +1043,20 @@ declare global {
         prototype: HTMLEclInpageNavigationItemElement;
         new (): HTMLEclInpageNavigationItemElement;
     };
+    interface HTMLEclInputElementEventMap {
+        "inputFocus": FocusEvent;
+        "inputBlur": FocusEvent;
+        "inputChange": any;
+    }
     interface HTMLEclInputElement extends Components.EclInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLEclInputElementEventMap>(type: K, listener: (this: HTMLEclInputElement, ev: EclInputCustomEvent<HTMLEclInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLEclInputElementEventMap>(type: K, listener: (this: HTMLEclInputElement, ev: EclInputCustomEvent<HTMLEclInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLEclInputElement: {
         prototype: HTMLEclInputElement;
@@ -1162,7 +1188,20 @@ declare global {
         prototype: HTMLEclPopoverItemElement;
         new (): HTMLEclPopoverItemElement;
     };
+    interface HTMLEclRangeElementEventMap {
+        "inputFocus": FocusEvent;
+        "inputBlur": FocusEvent;
+        "inputChange": any;
+    }
     interface HTMLEclRangeElement extends Components.EclRange, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLEclRangeElementEventMap>(type: K, listener: (this: HTMLEclRangeElement, ev: EclRangeCustomEvent<HTMLEclRangeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLEclRangeElementEventMap>(type: K, listener: (this: HTMLEclRangeElement, ev: EclRangeCustomEvent<HTMLEclRangeElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLEclRangeElement: {
         prototype: HTMLEclRangeElement;
@@ -1174,7 +1213,20 @@ declare global {
         prototype: HTMLEclRatingFieldElement;
         new (): HTMLEclRatingFieldElement;
     };
+    interface HTMLEclRatingStarElementEventMap {
+        "inputFocus": FocusEvent;
+        "inputBlur": FocusEvent;
+        "inputChange": any;
+    }
     interface HTMLEclRatingStarElement extends Components.EclRatingStar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLEclRatingStarElementEventMap>(type: K, listener: (this: HTMLEclRatingStarElement, ev: EclRatingStarCustomEvent<HTMLEclRatingStarElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLEclRatingStarElementEventMap>(type: K, listener: (this: HTMLEclRatingStarElement, ev: EclRatingStarCustomEvent<HTMLEclRatingStarElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLEclRatingStarElement: {
         prototype: HTMLEclRatingStarElement;
@@ -1186,7 +1238,20 @@ declare global {
         prototype: HTMLEclSearchFormElement;
         new (): HTMLEclSearchFormElement;
     };
+    interface HTMLEclSelectElementEventMap {
+        "inputChange": any;
+        "inputFocus": FocusEvent;
+        "inputBlur": FocusEvent;
+    }
     interface HTMLEclSelectElement extends Components.EclSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLEclSelectElementEventMap>(type: K, listener: (this: HTMLEclSelectElement, ev: EclSelectCustomEvent<HTMLEclSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLEclSelectElementEventMap>(type: K, listener: (this: HTMLEclSelectElement, ev: EclSelectCustomEvent<HTMLEclSelectElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLEclSelectElement: {
         prototype: HTMLEclSelectElement;
@@ -1246,7 +1311,20 @@ declare global {
         prototype: HTMLEclTextElement;
         new (): HTMLEclTextElement;
     };
+    interface HTMLEclTextareaElementEventMap {
+        "inputFocus": FocusEvent;
+        "inputBlur": FocusEvent;
+        "inputChange": any;
+    }
     interface HTMLEclTextareaElement extends Components.EclTextarea, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLEclTextareaElementEventMap>(type: K, listener: (this: HTMLEclTextareaElement, ev: EclTextareaCustomEvent<HTMLEclTextareaElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLEclTextareaElementEventMap>(type: K, listener: (this: HTMLEclTextareaElement, ev: EclTextareaCustomEvent<HTMLEclTextareaElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLEclTextareaElement: {
         prototype: HTMLEclTextareaElement;
diff --git a/src/plugins/ckeditor5-ecl-webcomponents/package.json b/src/plugins/ckeditor5-ecl-webcomponents/package.json
index 2b776bb..f154849 100755
--- a/src/plugins/ckeditor5-ecl-webcomponents/package.json
+++ b/src/plugins/ckeditor5-ecl-webcomponents/package.json
@@ -33,7 +33,7 @@
     "@ecl/builder": "3.10.0",
     "ncp": "2.0.0",
     "npm-run-all": "4.1.5",
-    "rimraf": "5.0.4"
+    "rimraf": "5.0.5"
   },
   "repository": {
     "type": "git",