diff --git a/.changeset/hip-kids-decide.md b/.changeset/hip-kids-decide.md
new file mode 100644
index 000000000..8b0d5c5ae
--- /dev/null
+++ b/.changeset/hip-kids-decide.md
@@ -0,0 +1,14 @@
+---
+"sit-onyx": major
+---
+
+feat: Remove/Rename emits that collide with native event names
+
+- OnyxInput, OnyxTextarea and OnyxStepper: Remove `focus` and `blur` event - Use `focusin`/`focusout` or `@focus.capture`/`@focus.blur` instead
+- OnyxInput and OnyxTextarea: Remove Vue `change` emit - You will now receive the native `@change` event, but the value must now retrieved with with `$event.target.value` or use `@update:modelvalue`
+- OnyxNavBar: Rename `appAreaClick` to `navigateToStart` and `backButtonClick` to `navigateBack`
+- OnyxNavButton: Rename `click` to `navigate`, also the native MouseEvent is now passed as second parameter
+- OnyxNavItem: Rename `click` to `navigate`
+- OnyxRadioButton: Remove Vue `change` emit - You will now receive the native `@change` event, but the value must now retrieved with with `$event.target.value` or use `@update:modelvalue`
+- OnyxSelectInput: Rename `click` to `inputClick`
+- OnyxToastMessage: Remove Vue `click` emit - You will now always receive the native `@click` event, even when `clickable` prop is false/not set.
diff --git a/apps/demo-app/src/App.vue b/apps/demo-app/src/App.vue
index 0551bb25b..2e7373bbc 100644
--- a/apps/demo-app/src/App.vue
+++ b/apps/demo-app/src/App.vue
@@ -69,7 +69,7 @@ watch(
           :key="item.href"
           v-bind="item"
           :active="item.href === router.currentRoute.value.path"
-          @click="router.push"
+          @navigate="router.push"
         />
 
         <template #contextArea>
diff --git a/packages/sit-onyx/src/components/OnyxButton/OnyxButton.vue b/packages/sit-onyx/src/components/OnyxButton/OnyxButton.vue
index 15d0e4f87..7c1f46b59 100644
--- a/packages/sit-onyx/src/components/OnyxButton/OnyxButton.vue
+++ b/packages/sit-onyx/src/components/OnyxButton/OnyxButton.vue
@@ -18,13 +18,6 @@ const props = withDefaults(defineProps<OnyxButtonProps>(), {
 
 const { densityClass } = useDensity(props);
 
-const emit = defineEmits<{
-  /**
-   * Emitted when the button is clicked (and is not disabled).
-   */
-  click: [];
-}>();
-
 const rippleRef = ref<ComponentInstance<typeof OnyxRipple>>();
 const rippleEvents = computed(() => rippleRef.value?.events ?? {});
 </script>
@@ -44,7 +37,6 @@ const rippleEvents = computed(() => rippleRef.value?.events ?? {});
     :type="props.type"
     :aria-label="props.loading ? props.label : undefined"
     :autofocus="props.autofocus"
-    @click="emit('click')"
     v-on="rippleEvents"
   >
     <OnyxRipple v-if="!props.disabled && !props.loading" ref="rippleRef" />
diff --git a/packages/sit-onyx/src/components/OnyxIconButton/OnyxIconButton.ct.tsx b/packages/sit-onyx/src/components/OnyxIconButton/OnyxIconButton.ct.tsx
index 9dd840a21..3d1475fac 100644
--- a/packages/sit-onyx/src/components/OnyxIconButton/OnyxIconButton.ct.tsx
+++ b/packages/sit-onyx/src/components/OnyxIconButton/OnyxIconButton.ct.tsx
@@ -1,3 +1,4 @@
+import type { HTMLAttributes } from "vue";
 import { DENSITIES } from "../../composables/density";
 import { expect, test } from "../../playwright/a11y";
 import {
@@ -9,49 +10,53 @@ import { BUTTON_COLORS } from "../OnyxButton/types";
 import OnyxIconButton from "./OnyxIconButton.vue";
 import type { OnyxIconButtonProps } from "./types";
 
-test("should behave correctly", async ({ mount }) => {
-  let clicks = 0;
+test("should behave correctly", async ({ page, mount }) => {
+  const clickSpy: MouseEvent[] = [];
   const setup = {
     props: {
       label: "trigger something",
       icon: mockPlaywrightIcon,
-    } satisfies OnyxIconButtonProps,
-    on: {
-      click: () => clicks++,
-    },
+      onClick: (e) => clickSpy.push(e),
+    } satisfies OnyxIconButtonProps & HTMLAttributes,
   };
 
   // ARRANGE
   const component = await mount(OnyxIconButton, setup);
+  const buttonElement = page.getByRole("button");
 
   await test.step("clickable by default", async () => {
     // ACT
-    await component.click();
+    await buttonElement.click();
     // ASSERT
-    expect(clicks).toBe(1);
+    await expect(buttonElement).toBeEnabled();
+    expect(clickSpy).toHaveLength(1);
   });
 
   await test.step("not interactive when disabled ", async () => {
     // ARRANGE
-    await component.update({ ...setup, props: { disabled: true } });
+    await component.update({ ...setup, props: { disabled: true } }); // ACT
+    // ACT
+    await buttonElement.click({ force: true });
     // ASSERT
-    await expect(component).toBeDisabled();
+    await expect(buttonElement).toBeDisabled();
+    expect(clickSpy).toHaveLength(1);
   });
 
   await test.step("not interactive when loading ", async () => {
     // ARRANGE
     await component.update({ ...setup, props: { disabled: false, loading: true } });
     // ASSERT
-    await expect(component).toBeDisabled();
+    await expect(buttonElement).toBeDisabled();
   });
 
   await test.step("clickable again ", async () => {
     // ARRANGE
     await component.update({ ...setup, props: { disabled: false, loading: false } });
     // ACT
-    await component.click();
+    await buttonElement.click();
     // ASSERT
-    expect(clicks).toBe(2);
+    await expect(buttonElement).toBeEnabled();
+    expect(clickSpy).toHaveLength(2);
   });
 });
 
diff --git a/packages/sit-onyx/src/components/OnyxIconButton/OnyxIconButton.vue b/packages/sit-onyx/src/components/OnyxIconButton/OnyxIconButton.vue
index ca95d65ee..07a05950d 100644
--- a/packages/sit-onyx/src/components/OnyxIconButton/OnyxIconButton.vue
+++ b/packages/sit-onyx/src/components/OnyxIconButton/OnyxIconButton.vue
@@ -18,11 +18,6 @@ defineSlots<{
   /** Slot for an custom icon. Will have no effect if property `icon` is passed. */
   default(): unknown;
 }>();
-
-const emit = defineEmits<{
-  /** Emitted when the button is clicked (and is not disabled). */
-  click: [];
-}>();
 </script>
 
 <template>
@@ -41,7 +36,6 @@ const emit = defineEmits<{
     ]"
     :disabled="props.disabled || props.loading"
     :autofocus="props.autofocus"
-    @click="emit('click')"
   >
     <OnyxLoadingIndicator v-if="props.loading" type="circle" />
     <OnyxIcon v-else-if="props.icon" :icon="props.icon" />
diff --git a/packages/sit-onyx/src/components/OnyxInput/OnyxInput.ct.tsx b/packages/sit-onyx/src/components/OnyxInput/OnyxInput.ct.tsx
index 8c511e302..14e720caf 100644
--- a/packages/sit-onyx/src/components/OnyxInput/OnyxInput.ct.tsx
+++ b/packages/sit-onyx/src/components/OnyxInput/OnyxInput.ct.tsx
@@ -260,8 +260,6 @@ test("should emit events", async ({ mount, makeAxeBuilder }) => {
   const events = {
     updateModelValue: [] as string[],
     change: [] as string[],
-    focusCount: 0,
-    blurCount: 0,
   };
 
   // ARRANGE
@@ -269,18 +267,12 @@ test("should emit events", async ({ mount, makeAxeBuilder }) => {
     <OnyxInput
       label="Label"
       onUpdate:modelValue={(value) => events.updateModelValue.push(value)}
-      onChange={(value) => events.change.push(value)}
-      onFocus={() => events.focusCount++}
-      onBlur={() => events.blurCount++}
     />,
   );
 
   // should not emit initial events
   expect(events).toMatchObject({
     updateModelValue: [],
-    change: [],
-    focusCount: 0,
-    blurCount: 0,
   });
 
   // ACT
@@ -298,19 +290,6 @@ test("should emit events", async ({ mount, makeAxeBuilder }) => {
   await expect(inputElement).toHaveValue("Test");
   expect(events).toMatchObject({
     updateModelValue: ["T", "Te", "Tes", "Test"],
-    change: [],
-    focusCount: 1,
-    blurCount: 0,
-  });
-
-  // ACT
-  await inputElement.blur();
-  // ASSERT
-  expect(events).toMatchObject({
-    updateModelValue: ["T", "Te", "Tes", "Test"],
-    change: ["Test"],
-    focusCount: 1,
-    blurCount: 1,
   });
 });
 
diff --git a/packages/sit-onyx/src/components/OnyxInput/OnyxInput.vue b/packages/sit-onyx/src/components/OnyxInput/OnyxInput.vue
index 6baa65f09..f90034fc9 100644
--- a/packages/sit-onyx/src/components/OnyxInput/OnyxInput.vue
+++ b/packages/sit-onyx/src/components/OnyxInput/OnyxInput.vue
@@ -23,18 +23,6 @@ const emit = defineEmits<{
    * Emitted when the current value changes.
    */
   "update:modelValue": [value: string];
-  /**
-   * Emitted when the current value changes but only when the input is blurred.
-   */
-  change: [value: string];
-  /**
-   * Emitted when the input is focussed.
-   */
-  focus: [];
-  /**
-   * Emitted when the input is blurred.
-   */
-  blur: [];
   /**
    * Emitted when the validity state of the input changes.
    */
@@ -53,11 +41,6 @@ const value = computed({
   set: (value) => emit("update:modelValue", value),
 });
 
-const handleChange = (event: Event) => {
-  const inputValue = (event.target as HTMLInputElement).value;
-  emit("change", inputValue);
-};
-
 const patternSource = computed(() => {
   if (props.pattern instanceof RegExp) return props.pattern.source;
   return props.pattern;
@@ -94,9 +77,6 @@ const patternSource = computed(() => {
             :maxlength="props.maxlength"
             :aria-label="props.hideLabel ? props.label : undefined"
             :title="props.hideLabel ? props.label : undefined"
-            @change="handleChange"
-            @focus="emit('focus')"
-            @blur="emit('blur')"
           />
           <!-- eslint-enable vuejs-accessibility/no-autofocus -->
         </div>
diff --git a/packages/sit-onyx/src/components/OnyxLink/OnyxLink.vue b/packages/sit-onyx/src/components/OnyxLink/OnyxLink.vue
index cac75a1f7..22dbebb9c 100644
--- a/packages/sit-onyx/src/components/OnyxLink/OnyxLink.vue
+++ b/packages/sit-onyx/src/components/OnyxLink/OnyxLink.vue
@@ -9,13 +9,6 @@ const props = withDefaults(defineProps<OnyxLinkProps>(), {
   withExternalIcon: "auto",
 });
 
-const emit = defineEmits<{
-  /**
-   * Emitted when the link is opened (via click or keyboard).
-   */
-  click: [];
-}>();
-
 defineSlots<{
   /**
    * Link label.
@@ -32,7 +25,6 @@ const { t } = injectI18n();
     :href="props.href"
     :target="props.target"
     :rel="props.target === '_blank' ? 'noreferrer' : undefined"
-    @click="emit('click')"
   >
     <slot></slot>
 
diff --git a/packages/sit-onyx/src/components/OnyxNavAppArea/OnyxNavAppArea.vue b/packages/sit-onyx/src/components/OnyxNavAppArea/OnyxNavAppArea.vue
index 8713f62a6..14a69c536 100644
--- a/packages/sit-onyx/src/components/OnyxNavAppArea/OnyxNavAppArea.vue
+++ b/packages/sit-onyx/src/components/OnyxNavAppArea/OnyxNavAppArea.vue
@@ -5,14 +5,6 @@ import type { OnyxNavAppAreaProps } from "./types";
 
 const props = defineProps<OnyxNavAppAreaProps>();
 
-const emit = defineEmits<{
-  /**
-   * Emitted when the app area (where logo and app name are placed) is clicked.
-   * Usually the user is redirected to the home page.
-   */
-  click: [];
-}>();
-
 defineSlots<{
   /**
    * Optional slot to override the content.
@@ -26,7 +18,7 @@ const buttonLabel = computed(() => props.label ?? t.value("navigation.goToHome")
 </script>
 
 <template>
-  <button type="button" class="onyx-nav-app-area" :aria-label="buttonLabel" @click="emit('click')">
+  <button type="button" class="onyx-nav-app-area" :aria-label="buttonLabel">
     <slot>
       <!--
         the width/height here is only to prevent layout shifts on initial load.
diff --git a/packages/sit-onyx/src/components/OnyxNavBar/OnyxNavBar.ct.tsx b/packages/sit-onyx/src/components/OnyxNavBar/OnyxNavBar.ct.tsx
index cbe4dc495..e092d0009 100644
--- a/packages/sit-onyx/src/components/OnyxNavBar/OnyxNavBar.ct.tsx
+++ b/packages/sit-onyx/src/components/OnyxNavBar/OnyxNavBar.ct.tsx
@@ -90,33 +90,33 @@ test("Screenshot tests (mobile)", async ({ mount, page }) => {
 
   const component = await mount(
     <OnyxNavBar appName="App name" logoUrl={MOCK_PLAYWRIGHT_LOGO_URL}>
-      <OnyxNavButton href="#1" label="Item 1" onClick={(href) => clickEvents.push(href)} />
-      <OnyxNavButton href="#2" label="Item 2" onClick={(href) => clickEvents.push(href)}>
+      <OnyxNavButton href="#1" label="Item 1" onNavigate={(href) => clickEvents.push(href)} />
+      <OnyxNavButton href="#2" label="Item 2" onNavigate={(href) => clickEvents.push(href)}>
         Item 2
         <OnyxBadge color="warning" dot />
         <template v-slot:children>
           <OnyxNavItem
             label="Nested item 1"
             href="#2-1"
-            onClick={(href) => clickEvents.push(href)}
+            onNavigate={(href) => clickEvents.push(href)}
           />
           <OnyxNavItem
             label="Nested item 2"
             href="#2-2"
             active
-            onClick={(href) => clickEvents.push(href)}
+            onNavigate={(href) => clickEvents.push(href)}
           />
           <OnyxNavItem
             label="Nested item 3"
             href="#2-3"
-            onClick={(href) => clickEvents.push(href)}
+            onNavigate={(href) => clickEvents.push(href)}
           />
         </template>
       </OnyxNavButton>
       <OnyxNavButton
         href="https://onyx.schwarz"
         label="Item 3"
-        onClick={(href) => clickEvents.push(href)}
+        onNavigate={(href) => clickEvents.push(href)}
       />
 
       <template v-slot:mobileActivePage>Nested item 2</template>
@@ -241,8 +241,8 @@ test("should behave correctly", async ({ mount }) => {
       appName="App name"
       logoUrl={MOCK_PLAYWRIGHT_LOGO_URL}
       withBackButton
-      onAppAreaClick={() => appAreaClickEvents++}
-      onBackButtonClick={() => backButtonClickEvents++}
+      onNavigateToStart={() => appAreaClickEvents++}
+      onNavigateBack={() => backButtonClickEvents++}
     />,
   );
 
diff --git a/packages/sit-onyx/src/components/OnyxNavBar/OnyxNavBar.vue b/packages/sit-onyx/src/components/OnyxNavBar/OnyxNavBar.vue
index b69ef3ca9..40aa7bda7 100644
--- a/packages/sit-onyx/src/components/OnyxNavBar/OnyxNavBar.vue
+++ b/packages/sit-onyx/src/components/OnyxNavBar/OnyxNavBar.vue
@@ -21,11 +21,11 @@ const emit = defineEmits<{
    * Emitted when the app area (where logo and app name are placed) is clicked.
    * Usually the user should be redirected to the home page then.
    */
-  appAreaClick: [];
+  navigateToStart: [event: MouseEvent];
   /**
    * Emitted when the back button is clicked.
    */
-  backButtonClick: [];
+  navigateBack: [event: MouseEvent];
 }>();
 
 const slots = defineSlots<{
@@ -114,7 +114,7 @@ defineExpose({
         :logo-url="props.logoUrl"
         :label="props.appAreaLabel"
         @click="
-          emit('appAreaClick');
+          emit('navigateToStart', $event);
           isBurgerOpen = false;
         "
       >
@@ -127,7 +127,7 @@ defineExpose({
         :label="t('navigation.goBack')"
         :icon="chevronLeftSmall"
         color="neutral"
-        @click="emit('backButtonClick')"
+        @click="emit('navigateBack', $event)"
       />
 
       <template v-if="slots.default">
diff --git a/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxMenuItem/OnyxMenuItem.vue b/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxMenuItem/OnyxMenuItem.vue
index 6f28cfa68..530ba74ad 100644
--- a/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxMenuItem/OnyxMenuItem.vue
+++ b/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxMenuItem/OnyxMenuItem.vue
@@ -5,13 +5,6 @@ import { type OnyxMenuItemProps } from "./types";
 
 const props = defineProps<OnyxMenuItemProps>();
 
-const emit = defineEmits<{
-  /**
-   * Emitted when the menu item is clicked (via click or keyboard).
-   */
-  click: [];
-}>();
-
 const {
   elements: { listItem, menuItem },
 } = createMenuItems();
@@ -37,7 +30,6 @@ const {
           disabled: !props.href && props.disabled,
         })
       "
-      @click="emit('click')"
     >
       <slot></slot>
     </component>
diff --git a/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxNavButton/MobileComponentTestWrapper.vue b/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxNavButton/MobileComponentTestWrapper.vue
index a1ddad5bc..d77a362c9 100644
--- a/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxNavButton/MobileComponentTestWrapper.vue
+++ b/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxNavButton/MobileComponentTestWrapper.vue
@@ -36,7 +36,7 @@ provide(
     :label="props.label"
     :href="props.href"
     :active="props.active"
-    @click="emit('click', $event)"
+    @navigate="emit('click', $event)"
   >
     <slot></slot>
 
diff --git a/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxNavButton/OnyxNavButton.vue b/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxNavButton/OnyxNavButton.vue
index f7ee2ac80..10995f849 100644
--- a/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxNavButton/OnyxNavButton.vue
+++ b/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxNavButton/OnyxNavButton.vue
@@ -14,9 +14,9 @@ const props = withDefaults(defineProps<OnyxNavButtonProps>(), {
 
 const emit = defineEmits<{
   /**
-   * Emitted when the nav item is clicked (via click or keyboard).
+   * Emitted when the nav button is clicked (via click or keyboard).
    */
-  click: [href: string];
+  navigate: [href: string, event: MouseEvent];
 }>();
 
 const slots = defineSlots<{
@@ -34,11 +34,11 @@ const isMobile = inject(MOBILE_NAV_BAR_INJECTION_KEY);
 const isMobileChildrenOpen = ref(false);
 const hasChildren = computed(() => !!slots.children);
 
-const handleParentClick = () => {
+const handleParentClick = (event: MouseEvent) => {
   if (isMobile?.value && hasChildren.value && !isMobileChildrenOpen.value) {
     isMobileChildrenOpen.value = true;
   } else if (props.href) {
-    emit("click", props.href);
+    emit("navigate", props.href, event);
   }
 };
 </script>
diff --git a/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxNavItem/OnyxNavItem.vue b/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxNavItem/OnyxNavItem.vue
index d63185a8e..c8d645765 100644
--- a/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxNavItem/OnyxNavItem.vue
+++ b/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxNavItem/OnyxNavItem.vue
@@ -11,7 +11,7 @@ const emit = defineEmits<{
   /**
    * Emitted when the nav item is clicked.
    */
-  click: [href: string];
+  navigate: [href: string];
 }>();
 
 defineSlots<{
@@ -27,7 +27,7 @@ defineSlots<{
     class="onyx-nav-item"
     :active="props.active"
     :href="props.href ?? 'javascript:void(0)'"
-    @click="props.href && emit('click', props.href)"
+    @click="props.href && emit('navigate', props.href)"
   >
     <slot>
       <span>{{ props.label }}</span>
diff --git a/packages/sit-onyx/src/components/OnyxRadioButton/OnyxRadioButton.vue b/packages/sit-onyx/src/components/OnyxRadioButton/OnyxRadioButton.vue
index fcced2ec0..f9d80f7a0 100644
--- a/packages/sit-onyx/src/components/OnyxRadioButton/OnyxRadioButton.vue
+++ b/packages/sit-onyx/src/components/OnyxRadioButton/OnyxRadioButton.vue
@@ -16,8 +16,6 @@ const props = withDefaults(defineProps<OnyxRadioButtonProps<TValue>>(), {
 });
 
 const emit = defineEmits<{
-  /** Emitted when the value changes. */
-  change: [value: boolean];
   /**
    * Emitted when the validity state of the input changes.
    */
@@ -26,11 +24,6 @@ const emit = defineEmits<{
 
 const { vCustomValidity, errorMessages } = useCustomValidity({ props, emit });
 const { densityClass } = useDensity(props);
-
-const handleChange = (event: Event) => {
-  const checked = (event.target as HTMLInputElement).checked;
-  emit("change", checked);
-};
 </script>
 
 <template>
@@ -54,7 +47,6 @@ const handleChange = (event: Event) => {
         :checked="props.checked"
         :disabled="props.disabled"
         :autofocus="props.autofocus"
-        @change="handleChange"
       />
       <span class="onyx-radio-button__label" :class="[`onyx-truncation-${props.truncation}`]">
         {{ props.label }}
diff --git a/packages/sit-onyx/src/components/OnyxSelect/OnyxSelect.vue b/packages/sit-onyx/src/components/OnyxSelect/OnyxSelect.vue
index d7596b5fe..c1082358f 100644
--- a/packages/sit-onyx/src/components/OnyxSelect/OnyxSelect.vue
+++ b/packages/sit-onyx/src/components/OnyxSelect/OnyxSelect.vue
@@ -322,7 +322,7 @@ const selectInputProps = computed(() => {
       v-bind="selectInputProps"
       :show-focus="open"
       :autofocus="props.autofocus"
-      @click="onToggle"
+      @input-click="onToggle"
       @validity-change="emit('validityChange', $event)"
     />
 
diff --git a/packages/sit-onyx/src/components/OnyxSelectInput/OnyxSelectInput.vue b/packages/sit-onyx/src/components/OnyxSelectInput/OnyxSelectInput.vue
index 811d4faad..18aca5879 100644
--- a/packages/sit-onyx/src/components/OnyxSelectInput/OnyxSelectInput.vue
+++ b/packages/sit-onyx/src/components/OnyxSelectInput/OnyxSelectInput.vue
@@ -29,7 +29,7 @@ const emit = defineEmits<{
   /**
    * Emitted when the select input is clicked (and is not disabled).
    */
-  click: [];
+  inputClick: [];
   /**
    * Emitted when the validity state of the input changes.
    */
@@ -125,7 +125,10 @@ const blockTyping = (event: KeyboardEvent) => {
     <OnyxFormElement v-bind="props" :error-messages="errorMessages">
       <template #default="{ id }">
         <!-- eslint-disable-next-line vuejs-accessibility/click-events-have-key-events, vuejs-accessibility/no-static-element-interactions -- Disabled rules are needed here, because of the click event. Otherwise clicking on the padding or gap won't open the select -->
-        <div class="onyx-select-input__wrapper" @click="emit('click')">
+        <div
+          class="onyx-select-input__wrapper"
+          @click="!props.disabled && !props.loading && emit('inputClick')"
+        >
           <OnyxLoadingIndicator
             v-if="props.loading"
             class="onyx-select-input__loading"
diff --git a/packages/sit-onyx/src/components/OnyxStepper/OnyxStepper.ct.tsx b/packages/sit-onyx/src/components/OnyxStepper/OnyxStepper.ct.tsx
index 23257e23a..c61f5b3e6 100644
--- a/packages/sit-onyx/src/components/OnyxStepper/OnyxStepper.ct.tsx
+++ b/packages/sit-onyx/src/components/OnyxStepper/OnyxStepper.ct.tsx
@@ -240,9 +240,6 @@ test.describe("Screenshot tests", () => {
 test("should emit events", async ({ mount, makeAxeBuilder }) => {
   const events = {
     updateModelValue: [] as string[],
-    change: [] as string[],
-    focusCount: 0,
-    blurCount: 0,
   };
 
   // ARRANGE
@@ -250,17 +247,12 @@ test("should emit events", async ({ mount, makeAxeBuilder }) => {
     <OnyxStepper
       label="Label"
       onUpdate:modelValue={(value) => events.updateModelValue.push(value)}
-      onChange={(value) => events.change.push(value)}
-      onFocus={() => events.focusCount++}
-      onBlur={() => events.blurCount++}
     />,
   );
 
   // should not emit initial events
   expect(events).toMatchObject({
     updateModelValue: [],
-    focusCount: 0,
-    blurCount: 0,
   });
 
   // ACT
@@ -283,8 +275,6 @@ test("should emit events", async ({ mount, makeAxeBuilder }) => {
   // ASSERT
   expect(events).toMatchObject({
     updateModelValue: [1, 10],
-    focusCount: 1,
-    blurCount: 1,
   });
 });
 
diff --git a/packages/sit-onyx/src/components/OnyxStepper/OnyxStepper.vue b/packages/sit-onyx/src/components/OnyxStepper/OnyxStepper.vue
index 5650e3538..2db8345f8 100644
--- a/packages/sit-onyx/src/components/OnyxStepper/OnyxStepper.vue
+++ b/packages/sit-onyx/src/components/OnyxStepper/OnyxStepper.vue
@@ -26,14 +26,6 @@ const inputRef = ref<HTMLInputElement>();
 const emit = defineEmits<{
   /** Emitted when the input value changes. */
   "update:modelValue": [value?: number];
-  /**
-   * Emitted when the input is focussed.
-   */
-  focus: [];
-  /**
-   * Emitted when the input is blurred.
-   */
-  blur: [];
   /**
    * Emitted when the validity state of the input changes.
    */
@@ -110,8 +102,6 @@ const decrementLabel = computed(() => t.value("stepper.decrement", { stepSize: p
           :step="props.step"
           :title="props.hideLabel ? props.label : undefined"
           @change="wasTouched = true"
-          @focus="emit('focus')"
-          @blur="emit('blur')"
         />
         <button
           type="button"
diff --git a/packages/sit-onyx/src/components/OnyxTextarea/OnyxTextarea.ct.tsx b/packages/sit-onyx/src/components/OnyxTextarea/OnyxTextarea.ct.tsx
index 91ac612c6..9d308a351 100644
--- a/packages/sit-onyx/src/components/OnyxTextarea/OnyxTextarea.ct.tsx
+++ b/packages/sit-onyx/src/components/OnyxTextarea/OnyxTextarea.ct.tsx
@@ -275,9 +275,6 @@ test.describe("Screenshot tests", () => {
 test("should emit events", async ({ mount, makeAxeBuilder }) => {
   const events = {
     updateModelValue: [] as string[],
-    change: [] as string[],
-    focusCount: 0,
-    blurCount: 0,
   };
 
   // ARRANGE
@@ -285,18 +282,12 @@ test("should emit events", async ({ mount, makeAxeBuilder }) => {
     <OnyxTextarea
       label="Label"
       onUpdate:modelValue={(value) => events.updateModelValue.push(value)}
-      onChange={(value) => events.change.push(value)}
-      onFocus={() => events.focusCount++}
-      onBlur={() => events.blurCount++}
     />,
   );
 
   // should not emit initial events
   expect(events).toMatchObject({
     updateModelValue: [],
-    change: [],
-    focusCount: 0,
-    blurCount: 0,
   });
 
   // ACT
@@ -314,18 +305,6 @@ test("should emit events", async ({ mount, makeAxeBuilder }) => {
   await expect(inputElement).toHaveValue("Test");
   expect(events).toMatchObject({
     updateModelValue: ["T", "Te", "Tes", "Test"],
-    change: [],
-    focusCount: 1,
-    blurCount: 0,
-  });
-
-  // ACT
-  await inputElement.blur();
-  expect(events).toMatchObject({
-    updateModelValue: ["T", "Te", "Tes", "Test"],
-    change: ["Test"],
-    focusCount: 1,
-    blurCount: 1,
   });
 });
 
diff --git a/packages/sit-onyx/src/components/OnyxTextarea/OnyxTextarea.vue b/packages/sit-onyx/src/components/OnyxTextarea/OnyxTextarea.vue
index d2ff6e2f8..882940812 100644
--- a/packages/sit-onyx/src/components/OnyxTextarea/OnyxTextarea.vue
+++ b/packages/sit-onyx/src/components/OnyxTextarea/OnyxTextarea.vue
@@ -21,18 +21,6 @@ const emit = defineEmits<{
    * Emitted when the current value changes.
    */
   "update:modelValue": [value: string];
-  /**
-   * Emitted when the current value changes but only when the input is blurred.
-   */
-  change: [value: string];
-  /**
-   * Emitted when the input is focussed.
-   */
-  focus: [];
-  /**
-   * Emitted when the input is blurred.
-   */
-  blur: [];
   /**
    * Emitted when the validity state of the input changes.
    */
@@ -51,11 +39,6 @@ const value = computed({
   set: (value) => emit("update:modelValue", value),
 });
 
-const handleChange = (event: Event) => {
-  const inputValue = (event.target as HTMLInputElement).value;
-  emit("change", inputValue);
-};
-
 /**
  * Current CSS variables for the autosize min/max height.
  */
@@ -112,9 +95,6 @@ const handleInput = (event: Event) => {
             :aria-label="props.hideLabel ? props.label : undefined"
             :title="props.hideLabel ? props.label : undefined"
             @input="handleInput"
-            @change="handleChange"
-            @focus="emit('focus')"
-            @blur="emit('blur')"
           ></textarea>
           <!-- eslint-enable vuejs-accessibility/no-autofocus -->
         </div>
diff --git a/packages/sit-onyx/src/components/OnyxToastMessage/OnyxToastMessage.vue b/packages/sit-onyx/src/components/OnyxToastMessage/OnyxToastMessage.vue
index 7c3102e82..a8aaf907e 100644
--- a/packages/sit-onyx/src/components/OnyxToastMessage/OnyxToastMessage.vue
+++ b/packages/sit-onyx/src/components/OnyxToastMessage/OnyxToastMessage.vue
@@ -18,10 +18,6 @@ const props = withDefaults(defineProps<OnyxToastMessageProps>(), {
 });
 
 const emit = defineEmits<{
-  /**
-   * Emitted when the toast is clicked. Requires `clickable` property to be enabled.
-   */
-  click: [];
   /**
    * Emitted when the toast should be closed.
    */
@@ -53,7 +49,6 @@ const icon = computed(() => {
     :class="[`onyx-toast-message--${props.color}`, densityClass]"
     :role="props.color === 'danger' || props.color === 'warning' ? 'alert' : 'status'"
     :aria-label="props.clickable ? props.headline : undefined"
-    @click="props.clickable && emit('click')"
   >
     <div class="onyx-toast-message__wrapper">
       <OnyxIcon v-if="icon" :icon="icon" />
diff --git a/packages/sit-onyx/src/components/OnyxToastMessage/types.ts b/packages/sit-onyx/src/components/OnyxToastMessage/types.ts
index aa3ca9b95..dcd7b21dd 100644
--- a/packages/sit-onyx/src/components/OnyxToastMessage/types.ts
+++ b/packages/sit-onyx/src/components/OnyxToastMessage/types.ts
@@ -22,8 +22,8 @@ export type OnyxToastMessageProps = DensityProp & {
    */
   duration?: number;
   /**
-   * Whether the toast is clickable (will emit the `click` event).
-   * Will also hide the manual close button.
+   * Whether the toast is clickable.
+   * Enabling this will present the whole toast message element as a button element, but also hide the close button.
    */
   clickable?: boolean;
   /**