From 5ae63283edf08b509fb51dedb9eb88ac38e6b371 Mon Sep 17 00:00:00 2001
From: Garrit Franke <32395585+garritfra@users.noreply.github.com>
Date: Thu, 28 May 2026 14:45:45 +0200
Subject: [PATCH] fix(editor): Avoid recursive name collision in N8nToggle
 (no-changelog) (#31271)

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 .../@n8n/design-system/src/components/N8nToggle/Toggle.vue  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/@n8n/design-system/src/components/N8nToggle/Toggle.vue b/packages/frontend/@n8n/design-system/src/components/N8nToggle/Toggle.vue
index fff1ab428f5..2fa2a7e9e78 100644
--- a/packages/frontend/@n8n/design-system/src/components/N8nToggle/Toggle.vue
+++ b/packages/frontend/@n8n/design-system/src/components/N8nToggle/Toggle.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Toggle, ToggleGroupItem, type AcceptableValue } from 'reka-ui';
+import { Toggle as TogglePrimitive, ToggleGroupItem, type AcceptableValue } from 'reka-ui';
 import { computed, ref, useAttrs, useCssModule } from 'vue';
 
 import type { IconName } from '@n8n/design-system/components/N8nIcon/icons';
@@ -88,7 +88,7 @@ const pressed = computed({
 			</span>
 		</ToggleGroupItem>
 
-		<Toggle
+		<TogglePrimitive
 			v-else
 			v-bind="attrs"
 			v-model="pressed"
@@ -103,7 +103,7 @@ const pressed = computed({
 				<N8nIcon v-if="icon" :icon="icon" :size="computedIconSize" />
 				<slot />
 			</span>
-		</Toggle>
+		</TogglePrimitive>
 	</N8nTooltip>
 </template>