diff --git a/lerna.json b/lerna.json
index 9ac7d291b9..880906bbfe 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
 {
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
-  "version": "24.4.1",
+  "version": "24.4.2--canary.1422.082552aebb87730afd64b324b28ce2b6d131ed05.0",
   "command": {
     "publish": {
       "verifyAccess": false
diff --git a/package-lock.json b/package-lock.json
index f0d84bb368..395672713d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -31982,7 +31982,7 @@
     },
     "packages/components": {
       "name": "@infineon/infineon-design-system-stencil",
-      "version": "24.4.1",
+      "version": "24.4.2--canary.1422.082552aebb87730afd64b324b28ce2b6d131ed05.0",
       "license": "MIT",
       "dependencies": {
         "@infineon/design-system-tokens": "3.3.2",
@@ -32043,7 +32043,7 @@
       }
     },
     "packages/components-angular": {
-      "version": "24.4.1",
+      "version": "24.4.2--canary.1422.082552aebb87730afd64b324b28ce2b6d131ed05.0",
       "license": "MIT",
       "dependencies": {
         "@angular/animations": "^17.3.3",
@@ -32054,7 +32054,7 @@
         "@angular/platform-browser": "^17.3.3",
         "@angular/platform-browser-dynamic": "^17.3.3",
         "@angular/router": "^17.3.3",
-        "@infineon/infineon-design-system-angular": "^24.4.1",
+        "@infineon/infineon-design-system-angular": "^24.4.2--canary.1422.082552aebb87730afd64b324b28ce2b6d131ed05.0",
         "rxjs": "~7.8.0",
         "tslib": "^2.3.0",
         "zone.js": "~0.14.4"
@@ -32074,7 +32074,7 @@
     },
     "packages/components-angular/projects/component-library": {
       "name": "@infineon/infineon-design-system-angular",
-      "version": "24.4.1",
+      "version": "24.4.2--canary.1422.082552aebb87730afd64b324b28ce2b6d131ed05.0",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.3.0"
@@ -32083,16 +32083,16 @@
         "@angular/common": "^17.3.3",
         "@angular/core": "^17.3.3",
         "@infineon/design-system-tokens": "3.3.2",
-        "@infineon/infineon-design-system-stencil": "^24.4.1"
+        "@infineon/infineon-design-system-stencil": "^24.4.2--canary.1422.082552aebb87730afd64b324b28ce2b6d131ed05.0"
       }
     },
     "packages/components-react": {
       "name": "@infineon/infineon-design-system-react",
-      "version": "24.4.1",
+      "version": "24.4.2--canary.1422.082552aebb87730afd64b324b28ce2b6d131ed05.0",
       "license": "MIT",
       "dependencies": {
         "@infineon/design-system-tokens": "3.3.2",
-        "@infineon/infineon-design-system-stencil": "24.4.1"
+        "@infineon/infineon-design-system-stencil": "24.4.2--canary.1422.082552aebb87730afd64b324b28ce2b6d131ed05.0"
       },
       "devDependencies": {
         "@types/node": "^20.1.4",
@@ -32105,11 +32105,11 @@
     },
     "packages/components-vue": {
       "name": "@infineon/infineon-design-system-vue",
-      "version": "24.4.1",
+      "version": "24.4.2--canary.1422.082552aebb87730afd64b324b28ce2b6d131ed05.0",
       "license": "MIT",
       "dependencies": {
         "@infineon/design-system-tokens": "3.3.2",
-        "@infineon/infineon-design-system-stencil": "24.4.1"
+        "@infineon/infineon-design-system-stencil": "24.4.2--canary.1422.082552aebb87730afd64b324b28ce2b6d131ed05.0"
       },
       "devDependencies": {
         "@babel/types": "^7.22.5",
diff --git a/packages/components-angular/package.json b/packages/components-angular/package.json
index 068b286285..8168dea38f 100644
--- a/packages/components-angular/package.json
+++ b/packages/components-angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "components-angular",
-  "version": "24.4.1",
+  "version": "24.4.2--canary.1422.082552aebb87730afd64b324b28ce2b6d131ed05.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
@@ -26,7 +26,7 @@
     "@angular/platform-browser": "^17.3.3",
     "@angular/platform-browser-dynamic": "^17.3.3",
     "@angular/router": "^17.3.3",
-    "@infineon/infineon-design-system-angular": "^24.4.1",
+    "@infineon/infineon-design-system-angular": "^24.4.2--canary.1422.082552aebb87730afd64b324b28ce2b6d131ed05.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.14.4"
diff --git a/packages/components-angular/projects/component-library/package.json b/packages/components-angular/projects/component-library/package.json
index d69341dbe4..11f943fe44 100644
--- a/packages/components-angular/projects/component-library/package.json
+++ b/packages/components-angular/projects/component-library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-angular",
-  "version": "24.4.1",
+  "version": "24.4.2--canary.1422.082552aebb87730afd64b324b28ce2b6d131ed05.0",
   "description": "Infineon design system Stencil web components for Angular",
   "author": "Verena Lechner",
   "license": "MIT",
@@ -11,7 +11,7 @@
     "@angular/common": "^17.3.3",
     "@angular/core": "^17.3.3",
     "@infineon/design-system-tokens": "3.3.2",
-    "@infineon/infineon-design-system-stencil": "^24.4.1"
+    "@infineon/infineon-design-system-stencil": "^24.4.2--canary.1422.082552aebb87730afd64b324b28ce2b6d131ed05.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
diff --git a/packages/components-react/package.json b/packages/components-react/package.json
index aaad23f948..79783a9a91 100644
--- a/packages/components-react/package.json
+++ b/packages/components-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-react",
-  "version": "24.4.1",
+  "version": "24.4.2--canary.1422.082552aebb87730afd64b324b28ce2b6d131ed05.0",
   "description": "Infineon design system Stencil web components for React",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -28,7 +28,7 @@
   },
   "dependencies": {
     "@infineon/design-system-tokens": "3.3.2",
-    "@infineon/infineon-design-system-stencil": "24.4.1"
+    "@infineon/infineon-design-system-stencil": "24.4.2--canary.1422.082552aebb87730afd64b324b28ce2b6d131ed05.0"
   },
   "auto": {
     "plugins": [
diff --git a/packages/components-vue/package.json b/packages/components-vue/package.json
index dcf4311550..972fc21f75 100644
--- a/packages/components-vue/package.json
+++ b/packages/components-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-vue",
-  "version": "24.4.1",
+  "version": "24.4.2--canary.1422.082552aebb87730afd64b324b28ce2b6d131ed05.0",
   "description": "Infineon design system Stencil web components for Vue",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "@infineon/design-system-tokens": "3.3.2",
-    "@infineon/infineon-design-system-stencil": "24.4.1"
+    "@infineon/infineon-design-system-stencil": "24.4.2--canary.1422.082552aebb87730afd64b324b28ce2b6d131ed05.0"
   },
   "auto": {
     "plugins": [
diff --git a/packages/components/package.json b/packages/components/package.json
index b0aa5bc4ab..771a3af996 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-stencil",
-  "version": "24.4.1",
+  "version": "24.4.2--canary.1422.082552aebb87730afd64b324b28ce2b6d131ed05.0",
   "private": false,
   "description": "Infineon design system Stencil web components",
   "homepage": "https://infineon.github.io/infineon-design-system-stencil",
diff --git a/packages/components/rollup-plugin-inject-tracking.js b/packages/components/rollup-plugin-inject-tracking.js
deleted file mode 100644
index a164bae7f4..0000000000
--- a/packages/components/rollup-plugin-inject-tracking.js
+++ /dev/null
@@ -1,65 +0,0 @@
-
-//rollup-plugin-inject-tracking.js
-module.exports = function injectMatomo() {
-  return {
-    name: 'inject-matomo-plugin',
-    generateBundle(options, bundle) {
-      const entryPoints = [
-        'infineon-design-system-stencil.esm.js', // Plain JS entry point
-        'loader.js' // Vue wrapper entry point (replace with actual file name)
-      ];
-
-      const matomoScript = `
-      (function() {
-        if (typeof window !== 'undefined' && typeof document !== 'undefined') {
-          if (window.location.href.includes('storybook')) {
-            console.log('Matomo tracking is disabled in Storybook');
-            return;
-          }  
-        var _paq = window._paq = window._paq || [];
-          if (!_paq.initialized) {
-            // // Enable debug mode
-            // window._paqDebug = true;
-            // console.log("Matomo debug mode enabled");
-
-            document.addEventListener('componentView', function(event) {
-              const componentName = event.detail.componentName;
-              _paq.push(['trackEvent', 'Component', 'View', componentName]);
-              console.log('Event pushed to _paq:', ['trackEvent', 'Component', 'View', componentName]);
-            });
-
-            _paq.push(['trackPageView']);
- 
-            _paq.push(['enableLinkTracking']);
- 
-            var u = "https://webstats-matomo-tst.icp.infineon.com/";
-            _paq.push(['setTrackerUrl', u + 'matomo.php']);
- 
-            _paq.push(['setSiteId', '82']);
- 
-            var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
-            g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s);
- 
-            _paq.initialized = true;
-
-            // // Dispatch a test event to verify tracking
-            // document.dispatchEvent(new CustomEvent('componentView', { detail: { componentName: 'TestComponent' } }));
-            // console.log("Test componentView event dispatched");
-          }
-        }
-      })();
-      `;
-
-
-      const targetFile = 'infineon-design-system-stencil.esm.js'; // Specify your target entry file here
-
-      for (const fileName of Object.keys(bundle)) {
-        const chunk = bundle[fileName];
-        if (chunk.type === 'chunk' &&  entryPoints.includes(fileName)) {
-          console.log("Injecting Matomo script into:", fileName);
-          chunk.code += matomoScript;
-        }
-      }
-    }
-  };
-};
\ No newline at end of file
diff --git a/packages/components/src/components/accordion/accordion.tsx b/packages/components/src/components/accordion/accordion.tsx
index 88fbb1a15a..f7c89f85f5 100644
--- a/packages/components/src/components/accordion/accordion.tsx
+++ b/packages/components/src/components/accordion/accordion.tsx
@@ -1,6 +1,5 @@
 //ifxAccordion.tsx
 import { Component, h, Listen, Element, Prop } from '@stencil/core';
-import { trackComponentView } from '../../global/utils/tracking';
 
 @Component({
   tag: 'ifx-accordion',
@@ -11,9 +10,6 @@ export class Accordion {
   @Element() el: HTMLElement;
   @Prop() autoCollapse: boolean = false;
 
-  componentDidLoad() {
-    trackComponentView('Accordion');
-  }
 
   @Listen('ifxItemOpen')
   async onItemOpen(event: CustomEvent) {
diff --git a/packages/components/src/components/alert/alert.tsx b/packages/components/src/components/alert/alert.tsx
index 057bf400e2..7f1adcaac2 100644
--- a/packages/components/src/components/alert/alert.tsx
+++ b/packages/components/src/components/alert/alert.tsx
@@ -1,5 +1,4 @@
 import { Component, Prop, h, Event, EventEmitter } from '@stencil/core';
-import { trackComponentView } from '../../global/utils/tracking';
 
 @Component({
   tag: 'ifx-alert',
@@ -13,10 +12,6 @@ export class Alert {
   @Event() ifxClose: EventEmitter;
   @Prop() closable: boolean = true;
 
-  componentDidLoad() {
-    trackComponentView('Alert');
-  }
-
   handleClose() { 
     this.ifxClose.emit()
   }
diff --git a/packages/components/src/components/badge/badge.tsx b/packages/components/src/components/badge/badge.tsx
index 7231bf17c1..59e6fb336a 100644
--- a/packages/components/src/components/badge/badge.tsx
+++ b/packages/components/src/components/badge/badge.tsx
@@ -1,5 +1,4 @@
 import { Component, h } from '@stencil/core';
-import { trackComponentView } from '../../global/utils/tracking';
 
 @Component({
   tag: 'ifx-badge',
@@ -8,9 +7,7 @@ import { trackComponentView } from '../../global/utils/tracking';
 })
 export class Badge {
 
-  componentDidLoad() {
-    trackComponentView('Badge');
-  }
+
 
   render() {
     return (
diff --git a/packages/components/src/components/breadcrumb/breadcrumb.tsx b/packages/components/src/components/breadcrumb/breadcrumb.tsx
index 19c054c1da..e32781d3ee 100644
--- a/packages/components/src/components/breadcrumb/breadcrumb.tsx
+++ b/packages/components/src/components/breadcrumb/breadcrumb.tsx
@@ -1,5 +1,4 @@
 import { Component, h, Element } from '@stencil/core';
-import { trackComponentView } from '../../global/utils/tracking';
 
 @Component({
   tag: 'ifx-breadcrumb',
@@ -12,8 +11,6 @@ export class Breadcrumb {
   componentDidLoad() {
     const element = this.el.shadowRoot.firstChild;
     this.addEventListenersToHandleCustomFocusState(element);
-    trackComponentView('Breadcrumb');
-
   }
 
   private addEventListenersToHandleCustomFocusState(element: HTMLElement) {
diff --git a/packages/components/src/components/button/button.tsx b/packages/components/src/components/button/button.tsx
index 33f97c1fa4..1348cc9cfe 100644
--- a/packages/components/src/components/button/button.tsx
+++ b/packages/components/src/components/button/button.tsx
@@ -1,6 +1,6 @@
 import { Component, Prop, h, Host, Method, Element, Listen, State, Watch } from '@stencil/core';
 import classNames from 'classnames';
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 @Component({
   tag: 'ifx-button',
@@ -66,9 +66,7 @@ export class Button {
     this.handleButtonWidth()
   }
 
-  componentDidLoad() {
-    trackComponentView('Button');
-  }
+
 
   handleClick = (ev: Event) => {
     if (this.el.shadowRoot) {
diff --git a/packages/components/src/components/card/card.tsx b/packages/components/src/components/card/card.tsx
index 42840dd6a3..1f5d74083b 100644
--- a/packages/components/src/components/card/card.tsx
+++ b/packages/components/src/components/card/card.tsx
@@ -1,5 +1,5 @@
 import { Component, h, Host, Element, Prop, State, Listen } from '@stencil/core';
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 @Component({
   tag: 'ifx-card',
@@ -85,7 +85,6 @@ export class Card {
   componentDidLoad() {
     this.handleHovering();
     this.addEventListenersToHandleCustomFocusState();
-    trackComponentView('Card');
 
   }
 
diff --git a/packages/components/src/components/checkbox/checkbox.tsx b/packages/components/src/components/checkbox/checkbox.tsx
index 26834d7b33..fcce78857e 100644
--- a/packages/components/src/components/checkbox/checkbox.tsx
+++ b/packages/components/src/components/checkbox/checkbox.tsx
@@ -1,5 +1,5 @@
 import { Component, h, Prop, Element, State, Event, EventEmitter, Watch, Method, AttachInternals } from '@stencil/core';
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 @Component({
   tag: 'ifx-checkbox',
@@ -78,9 +78,6 @@ export class Checkbox {
     this.inputElement.indeterminate = this.internalIndeterminate;
   }
 
-  componentDidLoad() {
-    trackComponentView('Checkbox');
-  }
 
   /**
    * Callback for form association.
diff --git a/packages/components/src/components/chips/chip.tsx b/packages/components/src/components/chips/chip.tsx
index 245b88eded..92df890cd9 100644
--- a/packages/components/src/components/chips/chip.tsx
+++ b/packages/components/src/components/chips/chip.tsx
@@ -1,5 +1,5 @@
 import { Component, h, Element, Prop, Listen, State, Event, EventEmitter } from '@stencil/core';
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 @Component({
   tag: 'ifx-chip',
@@ -14,10 +14,6 @@ export class Chip {
   @State() active: boolean = false;
   @Event() ifxDropdownMenu: EventEmitter<CustomEvent>;
 
-  componentDidLoad() {
-    trackComponentView('Chip');
-  }
-
   @Listen('mousedown', { target: 'document' })
   handleOutsideClick(event: MouseEvent) {
     const path = event.composedPath();
diff --git a/packages/components/src/components/date-picker/date-picker.tsx b/packages/components/src/components/date-picker/date-picker.tsx
index 8bf59b02e4..c69baf4b90 100644
--- a/packages/components/src/components/date-picker/date-picker.tsx
+++ b/packages/components/src/components/date-picker/date-picker.tsx
@@ -1,6 +1,6 @@
 import { AttachInternals } from '@stencil/core';
 import { Component, Prop, h, Element, Event, EventEmitter } from '@stencil/core';
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 @Component({
   tag: 'ifx-date-picker',
@@ -66,8 +66,6 @@ export class DatePicker {
 
   componentDidLoad() { 
     this.setFireFoxClasses()
-    trackComponentView('DatePicker');
-
   }
 
   /**
diff --git a/packages/components/src/components/dropdown/dropdown.tsx b/packages/components/src/components/dropdown/dropdown.tsx
index 353c6fe4e6..8e844b4849 100644
--- a/packages/components/src/components/dropdown/dropdown.tsx
+++ b/packages/components/src/components/dropdown/dropdown.tsx
@@ -1,7 +1,7 @@
 //dropdown.tsx
 import { Component, Prop, h, Element, Listen, Method, Watch, State, EventEmitter, Event } from "@stencil/core";
 import { createPopper } from '@popperjs/core';
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 import { IOpenable } from './IOpenable';
 
@@ -66,9 +66,7 @@ export class Dropdown {
     this.watchHandlerIsOpen(this.defaultOpen, this.internalIsOpen);
   }
 
-  componentDidLoad() {
-    trackComponentView('Dropdown');
-  }
+
 
   @Watch('defaultOpen')
   watchHandlerIsOpen(newValue: boolean, oldValue: boolean) {
diff --git a/packages/components/src/components/footer/footer.tsx b/packages/components/src/components/footer/footer.tsx
index 6959a22d2d..124c5eddc1 100644
--- a/packages/components/src/components/footer/footer.tsx
+++ b/packages/components/src/components/footer/footer.tsx
@@ -1,5 +1,5 @@
 import { Component, h, Element, Prop, State, Host } from '@stencil/core';
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 @Component({
   tag: 'ifx-footer',
@@ -41,11 +41,7 @@ export class Footer {
   }
 
 
-  componentDidLoad() {
-    trackComponentView('Footer');
-  }
-
-
+ 
   render() {
     return (
       <Host>
diff --git a/packages/components/src/components/icon-button/icon-button.tsx b/packages/components/src/components/icon-button/icon-button.tsx
index 72e2a4042c..399f10f99d 100644
--- a/packages/components/src/components/icon-button/icon-button.tsx
+++ b/packages/components/src/components/icon-button/icon-button.tsx
@@ -1,6 +1,6 @@
 import { Component, Prop, h, Host, Method, Element } from '@stencil/core';
 import classNames from 'classnames';
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 @Component({
   tag: 'ifx-icon-button',
@@ -31,9 +31,7 @@ export class IconButton {
     }
   }
 
-  componentDidLoad() {
-    trackComponentView('IconButton');
-  }
+
 
   render() {
     return (
diff --git a/packages/components/src/components/icon/infineonIconStencil.tsx b/packages/components/src/components/icon/infineonIconStencil.tsx
index 8205a58a18..96d0fbd913 100644
--- a/packages/components/src/components/icon/infineonIconStencil.tsx
+++ b/packages/components/src/components/icon/infineonIconStencil.tsx
@@ -1,6 +1,6 @@
 import { Component, Prop, h, Host, Event, EventEmitter } from '@stencil/core';
 import { getIcon } from '@infineon/infineon-icons'
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 
 @Component({
@@ -72,9 +72,6 @@ export class InfineonIconStencil {
     this.ifxIcon = getIcon(removeHyphen(this.icon));
   }
 
-  componentDidLoad() {
-    trackComponentView('InfineonIconStencil');
-  }
 
 
   render() {
diff --git a/packages/components/src/components/link/link.tsx b/packages/components/src/components/link/link.tsx
index 48d0f1e405..aff79fcdde 100644
--- a/packages/components/src/components/link/link.tsx
+++ b/packages/components/src/components/link/link.tsx
@@ -1,6 +1,6 @@
 import { Component, Prop, h, State } from "@stencil/core";
 import classNames from 'classnames';
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 @Component({
   tag: 'ifx-link',
@@ -31,10 +31,7 @@ export class Link {
   componentWillRender(){
     this.setInternalStates();
   }
-  
-  componentDidLoad() {
-    trackComponentView('Link');
-  }
+
 
   render() {
     return (
diff --git a/packages/components/src/components/list-group/list-group.tsx b/packages/components/src/components/list-group/list-group.tsx
index 036c0ba2bc..15dad7539f 100644
--- a/packages/components/src/components/list-group/list-group.tsx
+++ b/packages/components/src/components/list-group/list-group.tsx
@@ -1,5 +1,5 @@
 import { Component, h, Element, Prop, Host } from '@stencil/core';
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 @Component({
   tag: 'ifx-list-group',
@@ -13,9 +13,7 @@ export class ListGroup {
   @Prop() bulletpoint: boolean = false;
   @Prop() notification: boolean = false;
 
-  componentDidLoad() {
-    trackComponentView('ListGroup');
-  }
+
   render() {
     return (
       <Host>
diff --git a/packages/components/src/components/modal/modal.tsx b/packages/components/src/components/modal/modal.tsx
index d3cd63b202..15695a78c3 100644
--- a/packages/components/src/components/modal/modal.tsx
+++ b/packages/components/src/components/modal/modal.tsx
@@ -1,7 +1,7 @@
 import { Component, Prop, Element, State, Event, Host, EventEmitter, h, Watch } from '@stencil/core';
 import { queryShadowRoot, isHidden, isFocusable } from '../../global/utils/focus-trap';
 import { animationTo, KEYFRAMES } from '../../global/utils/animation';
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 type CloseEventTrigger = 'CLOSE_BUTTON' | 'ESCAPE_KEY' | 'BACKDROP';
 
@@ -48,7 +48,6 @@ export class IfxModal {
       (el) => isHidden(el) || el.matches('[data-focus-trap-edge]'),
       isFocusable
     );
-    trackComponentView('Modal');
 
   }
 
diff --git a/packages/components/src/components/navigation/navbar/navbar.tsx b/packages/components/src/components/navigation/navbar/navbar.tsx
index 4013decf13..602ff70507 100644
--- a/packages/components/src/components/navigation/navbar/navbar.tsx
+++ b/packages/components/src/components/navigation/navbar/navbar.tsx
@@ -1,5 +1,4 @@
 import { Component, h, Element, State, Prop, Listen, Event, EventEmitter } from '@stencil/core';
-import { trackComponentView } from '../../../global/utils/tracking';
 
 @Component({
   tag: 'ifx-navbar',
@@ -282,7 +281,6 @@ export class Navbar {
     if (mediaQueryList.matches) {
       this.moveNavItemsToSidebar();
     }
-    trackComponentView('Navbar');
 
   }
 
diff --git a/packages/components/src/components/navigation/sidebar/sidebar.tsx b/packages/components/src/components/navigation/sidebar/sidebar.tsx
index 235dbb970b..60ffe65d7b 100644
--- a/packages/components/src/components/navigation/sidebar/sidebar.tsx
+++ b/packages/components/src/components/navigation/sidebar/sidebar.tsx
@@ -1,5 +1,4 @@
 import { Component, h, Element, Prop, State, Listen } from '@stencil/core';
-import { trackComponentView } from '../../../global/utils/tracking';
 
 const ACTIVE = 'active';
 const ACTIVE_SECTION = 'active-section';
@@ -149,8 +148,6 @@ export class Sidebar {
     }
     this.adjustItemsPadding();
     this.applyActiveSectionToParent(this.el);
-    trackComponentView('Sidebar');
-
   }
 
   getSidebarMenuItems(el = this.el) {
diff --git a/packages/components/src/components/number-indicator/number-indicator.tsx b/packages/components/src/components/number-indicator/number-indicator.tsx
index af9279aa82..6f3feca5db 100644
--- a/packages/components/src/components/number-indicator/number-indicator.tsx
+++ b/packages/components/src/components/number-indicator/number-indicator.tsx
@@ -1,5 +1,5 @@
 import { Component, h, Prop } from '@stencil/core';
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 @Component({
   tag: 'ifx-number-indicator',
@@ -9,9 +9,7 @@ import { trackComponentView } from '../../global/utils/tracking';
 export class NumberIndicator {
   @Prop() inverted: boolean = false;
 
-  componentDidLoad() {
-    trackComponentView('NumberIndicator');
-  }
+
 
   render() {
     return (
diff --git a/packages/components/src/components/pagination/pagination.tsx b/packages/components/src/components/pagination/pagination.tsx
index 13fdc2c49a..94230acac3 100644
--- a/packages/components/src/components/pagination/pagination.tsx
+++ b/packages/components/src/components/pagination/pagination.tsx
@@ -1,5 +1,5 @@
 import { Component, h, Element, Event, EventEmitter, Prop, State, Listen } from '@stencil/core';
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 @Component({
   tag: 'ifx-pagination',
@@ -32,7 +32,6 @@ export class Pagination {
     var paginationElement = this.el.shadowRoot.querySelector(".pagination");
     let leftArrow = paginationElement.querySelector('.prev')
     this.navigateSinglePage(leftArrow, true)
-    trackComponentView('Pagination');
 
   }
 
diff --git a/packages/components/src/components/progress-bar/progress-bar.tsx b/packages/components/src/components/progress-bar/progress-bar.tsx
index 9f264678ca..35c0e15bd7 100644
--- a/packages/components/src/components/progress-bar/progress-bar.tsx
+++ b/packages/components/src/components/progress-bar/progress-bar.tsx
@@ -1,5 +1,5 @@
 import { Component, Prop, h, State, Watch } from '@stencil/core';
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 @Component({
   tag: 'ifx-progress-bar',
@@ -25,9 +25,7 @@ export class ProgressBar {
     this.internalValue = this.value;
   }
 
-  componentDidLoad() {
-    trackComponentView('ProgressBar');
-  }
+
 
   render() {
     return (
diff --git a/packages/components/src/components/radio-button/radio-button.tsx b/packages/components/src/components/radio-button/radio-button.tsx
index 09f8de0cd5..1c17e5154e 100644
--- a/packages/components/src/components/radio-button/radio-button.tsx
+++ b/packages/components/src/components/radio-button/radio-button.tsx
@@ -1,5 +1,5 @@
 import { Component, h, Prop, Element, State, Event, EventEmitter, Watch, AttachInternals } from '@stencil/core';
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 @Component({
   tag: 'ifx-radio-button',
@@ -35,9 +35,6 @@ export class RadioButton {
     } else this.hasSlot = false;
   }
 
-  componentDidLoad() {
-    trackComponentView('RadioButton');
-  }
 
   handleRadioButtonClick() {
     if (!this.disabled && !this.error && !this.internalValue) {
diff --git a/packages/components/src/components/search-bar/search-bar.tsx b/packages/components/src/components/search-bar/search-bar.tsx
index e4fd4f8102..5cc0e0d8bd 100644
--- a/packages/components/src/components/search-bar/search-bar.tsx
+++ b/packages/components/src/components/search-bar/search-bar.tsx
@@ -1,5 +1,5 @@
 import { Component, h, Prop, Event, EventEmitter, State, Watch, Element, Method } from '@stencil/core';
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 @Component({
   tag: 'ifx-search-bar',
@@ -43,9 +43,6 @@ export class SearchBar {
     this.ifxSearchBarIsOpen.emit(this.internalState)
   }
 
-  componentDidLoad() {
-    trackComponentView('SearchBar');
-  }
 
   handleInput(event: CustomEvent) {
     this.value = event.detail;
diff --git a/packages/components/src/components/search-field/search-field.tsx b/packages/components/src/components/search-field/search-field.tsx
index 90960bbd1c..81611c037d 100644
--- a/packages/components/src/components/search-field/search-field.tsx
+++ b/packages/components/src/components/search-field/search-field.tsx
@@ -1,6 +1,6 @@
 import { Component, EventEmitter, h, Event, Prop, Watch, State, Listen } from '@stencil/core';
 import classNames from 'classnames';
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 
 @Component({
@@ -59,9 +59,6 @@ export class SearchField {
     this.isFocused = true;
   }
   
-  componentDidLoad() {
-    trackComponentView('SearchField');
-  }
 
 
   componentWillUpdate() { 
diff --git a/packages/components/src/components/select/multi-select/multiselect.tsx b/packages/components/src/components/select/multi-select/multiselect.tsx
index 85c18eefce..e8b7b934c1 100644
--- a/packages/components/src/components/select/multi-select/multiselect.tsx
+++ b/packages/components/src/components/select/multi-select/multiselect.tsx
@@ -1,6 +1,5 @@
 import { Component, Prop, State, Event, EventEmitter, Element, h, Watch } from '@stencil/core';
 import { Option } from './interfaces';
-import { trackComponentView } from '../../../global/utils/tracking';
 
 // Debounce function
 function debounce(func, wait) {
@@ -193,7 +192,6 @@ export class Multiselect {
     }, 500);
 
     // setInterval(this.handleScroll, 5000); // Runs every 5 seconds (5000 milliseconds)
-    trackComponentView('Multiselect');
   }
 
 
diff --git a/packages/components/src/components/select/single-select/select.tsx b/packages/components/src/components/select/single-select/select.tsx
index 7bdc0ba0e2..0788d0977c 100644
--- a/packages/components/src/components/select/single-select/select.tsx
+++ b/packages/components/src/components/select/single-select/select.tsx
@@ -1,7 +1,6 @@
 import { h, Component, Element, Method, Prop, Event, EventEmitter, State } from '@stencil/core';
 import { HTMLStencilElement, Listen } from '@stencil/core/internal';
 import ChoicesJs from 'choices.js';
-import { trackComponentView } from '../../../global/utils/tracking';
 
 import {
   AjaxFn,
@@ -266,7 +265,6 @@ export class Choices implements IChoicesProps, IChoicesMethods {
   protected componentDidLoad() {
     this.init();
     this.addEventListenersToHandleCustomFocusAndActiveState();
-    trackComponentView('SingleSelect');
 
   }
 
diff --git a/packages/components/src/components/slider/slider.tsx b/packages/components/src/components/slider/slider.tsx
index 196caa71d8..42113fbec6 100644
--- a/packages/components/src/components/slider/slider.tsx
+++ b/packages/components/src/components/slider/slider.tsx
@@ -1,5 +1,5 @@
 import { Component, h, Prop, Event, EventEmitter, State, Watch, Element } from '@stencil/core';
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 @Component({
   tag: 'ifx-slider',
@@ -151,7 +151,6 @@ export class IfxSlider {
 
   componentDidLoad() {
     this.updateValuePercent();
-    trackComponentView('Slider');
 
   }
 
diff --git a/packages/components/src/components/spinner/spinner.tsx b/packages/components/src/components/spinner/spinner.tsx
index 57c94a691c..e9f63bc4b6 100644
--- a/packages/components/src/components/spinner/spinner.tsx
+++ b/packages/components/src/components/spinner/spinner.tsx
@@ -1,6 +1,6 @@
 import { Component, h, Prop } from '@stencil/core';
 import classNames from 'classnames';
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 @Component({
   tag: 'ifx-spinner',
@@ -12,9 +12,6 @@ export class Spinner {
   @Prop() variant: string;
   @Prop() inverted: boolean = false;
 
-  componentDidLoad() {
-    trackComponentView('Spinner');
-  }
 
   render() {
     return (
diff --git a/packages/components/src/components/status/status.tsx b/packages/components/src/components/status/status.tsx
index 6a77ab22c4..2f6ea52c30 100644
--- a/packages/components/src/components/status/status.tsx
+++ b/packages/components/src/components/status/status.tsx
@@ -1,5 +1,5 @@
 import { Component, h, Prop } from '@stencil/core';
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 @Component({
   tag: 'ifx-status',
@@ -12,9 +12,7 @@ export class Status {
   @Prop() border: boolean = false;
   @Prop() color: 'orange' | 'ocean' | 'grey' | 'light-grey' | 'red' | 'green' | 'berry' = 'orange';
 
-  componentDidLoad() {
-    trackComponentView('Status');
-  }
+
 
   render() {
     const containerClass = this.border ? `container border-${this.color}` : 'container no-border';
diff --git a/packages/components/src/components/stepper/stepper.tsx b/packages/components/src/components/stepper/stepper.tsx
index 726a1ba042..b16d79523e 100644
--- a/packages/components/src/components/stepper/stepper.tsx
+++ b/packages/components/src/components/stepper/stepper.tsx
@@ -8,7 +8,7 @@ import { h,
          State, 
          Watch } from "@stencil/core";
 import { StepperState } from "./interfaces";
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 @Component({
     tag     : 'ifx-stepper',
@@ -65,9 +65,7 @@ export class Stepper {
     @State() stepsCount: number;
 
 
-    componentDidLoad() {
-        trackComponentView('Stepper');
-      }
+
     
     @Listen('ifxChange') 
     onStepChange(event: CustomEvent) {
diff --git a/packages/components/src/components/switch/switch.tsx b/packages/components/src/components/switch/switch.tsx
index 727df10ef8..8bff4ca61a 100644
--- a/packages/components/src/components/switch/switch.tsx
+++ b/packages/components/src/components/switch/switch.tsx
@@ -1,6 +1,6 @@
 import { AttachInternals } from '@stencil/core';
 import { Component, Prop, State, Watch, h, Event, EventEmitter, Element } from '@stencil/core';
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 @Component({
   tag: 'ifx-switch',
@@ -37,7 +37,6 @@ export class Switch {
   
   componentDidLoad() {
     this.toggleLabelGap();
-    trackComponentView('Switch');
 
   }
     
diff --git a/packages/components/src/components/table-basic-version/table.tsx b/packages/components/src/components/table-basic-version/table.tsx
index 1040630097..59e45164e0 100644
--- a/packages/components/src/components/table-basic-version/table.tsx
+++ b/packages/components/src/components/table-basic-version/table.tsx
@@ -1,6 +1,6 @@
 import { Component, h, Prop, State } from '@stencil/core';
 import { FirstDataRenderedEvent, Grid, GridOptions } from 'ag-grid-community';
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 @Component({
   tag: 'ifx-basic-table',
@@ -82,7 +82,6 @@ export class Table {
     if (this.gridOptions.api) {
       this.gridOptions.api.sizeColumnsToFit();
     }
-    trackComponentView('BasicTable');
   }
 
 
diff --git a/packages/components/src/components/table/table.tsx b/packages/components/src/components/table/table.tsx
index 03a848fe55..c18a4d8ae0 100644
--- a/packages/components/src/components/table/table.tsx
+++ b/packages/components/src/components/table/table.tsx
@@ -1,7 +1,7 @@
 import { Component, h, Prop, State } from '@stencil/core';
 import { FirstDataRenderedEvent, Grid, GridOptions } from 'ag-grid-community';
 import { ButtonCellRenderer } from './buttonCellRenderer';
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 
 @Component({
@@ -85,7 +85,6 @@ export class Table {
     if (this.gridOptions.api) {
       this.gridOptions.api.sizeColumnsToFit();
     }
-    trackComponentView('Table');
 
   }
 
diff --git a/packages/components/src/components/tabs/tabs.tsx b/packages/components/src/components/tabs/tabs.tsx
index 7c402fdafc..93d86d894c 100644
--- a/packages/components/src/components/tabs/tabs.tsx
+++ b/packages/components/src/components/tabs/tabs.tsx
@@ -1,6 +1,6 @@
 //ifxTabs.tsx
 import { Component, h, Prop, State, Element, Listen, Event, EventEmitter, Watch } from '@stencil/core';
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 
 @Component({
@@ -116,7 +116,6 @@ export class IfxTabs {
     this.tabHeaderRefs.forEach((tab, index) => {
       tab.addEventListener('focus', this.onTabFocus(index));
     });
-    trackComponentView('Tabs');
 
   }
 
diff --git a/packages/components/src/components/tag/tag.tsx b/packages/components/src/components/tag/tag.tsx
index b5a876284c..040ca86859 100644
--- a/packages/components/src/components/tag/tag.tsx
+++ b/packages/components/src/components/tag/tag.tsx
@@ -1,5 +1,5 @@
 import { Component, Prop, h } from '@stencil/core';
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 @Component({
   tag: 'ifx-tag',
@@ -9,9 +9,7 @@ import { trackComponentView } from '../../global/utils/tracking';
 export class Tag {
   @Prop() icon: string;
 
-  componentDidLoad() {
-    trackComponentView('Tag');
-  }
+
 
   render() {
     return (
diff --git a/packages/components/src/components/text-field/text-field.tsx b/packages/components/src/components/text-field/text-field.tsx
index b6f691fceb..5a60cb287c 100644
--- a/packages/components/src/components/text-field/text-field.tsx
+++ b/packages/components/src/components/text-field/text-field.tsx
@@ -1,5 +1,5 @@
 import { Component, h, Event, Element, Prop, EventEmitter, Watch, Method, AttachInternals } from '@stencil/core';
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 @Component({
   tag: 'ifx-text-field',
@@ -29,9 +29,6 @@ export class TextField {
 
   @AttachInternals() internals: ElementInternals;
 
-  componentDidLoad() {
-    trackComponentView('TextField');
-  }
 
   @Watch('value')
   valueWatcher(newValue: string) {
diff --git a/packages/components/src/components/tooltip/tooltip.tsx b/packages/components/src/components/tooltip/tooltip.tsx
index 463ff621a3..4458b61dc6 100644
--- a/packages/components/src/components/tooltip/tooltip.tsx
+++ b/packages/components/src/components/tooltip/tooltip.tsx
@@ -1,6 +1,6 @@
 import { Component, Prop, h, Element, State, Watch } from '@stencil/core';
 import { createPopper } from '@popperjs/core';
-import { trackComponentView } from '../../global/utils/tracking';
+ 
 
 @Component({
   tag: 'ifx-tooltip',
@@ -39,7 +39,6 @@ export class Tooltip {
     }else{
       slotElement.addEventListener('click', this.onClick);
     }
-    trackComponentView('Tooltip');
 
   }
 
diff --git a/packages/components/src/global/utils/tracking.ts b/packages/components/src/global/utils/tracking.ts
deleted file mode 100644
index ae363b584c..0000000000
--- a/packages/components/src/global/utils/tracking.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-// global/utils/tracking.ts
-const componentQueue: string[] = [];
-const BATCH_INTERVAL = 5000; // 5 seconds
-
-function sendBatch() {
-  if (componentQueue.length > 0) {
-    const componentsToSend = [...componentQueue];
-    componentQueue.length = 0; // Clear the queue
-
-    if (window._paq) {
-      window._paq.push(['trackEvent', 'Component', 'View', componentsToSend.join(', ')]);
-    } else {
-      console.error("Matomo _paq array is not defined");
-    }
-  }
-}
-
-export function trackComponentView(componentName: string) {
-  if (!componentQueue.includes(componentName)) {
-    componentQueue.push(componentName);
-  }
-}
-
-
-// Set an interval to send the batch every BATCH_INTERVAL milliseconds
-setInterval(sendBatch, BATCH_INTERVAL);
\ No newline at end of file
diff --git a/packages/components/stencil.config.ts b/packages/components/stencil.config.ts
index c2ea668c20..08d1fb2848 100644
--- a/packages/components/stencil.config.ts
+++ b/packages/components/stencil.config.ts
@@ -1,7 +1,6 @@
 import { Config } from '@stencil/core';
 import { sass } from '@stencil/sass';
 import { frameworkTargets } from './framework-output-targets';
-import injectTracking from './rollup-plugin-inject-tracking';
 
 export const config: Config = {
   namespace: 'infineon-design-system-stencil',
@@ -39,9 +38,4 @@ export const config: Config = {
       ]
     }
   ],
-  rollupPlugins: {
-    after: [
-      injectTracking()
-    ]
-  }
 };
\ No newline at end of file