From 9c159adb44577943a15c6d5aaf1eb82fbee5a784 Mon Sep 17 00:00:00 2001
From: paanSinghCoder <gaurav3017@gmail.com>
Date: Wed, 11 Mar 2026 12:43:16 +0530
Subject: [PATCH 1/3] fix (breadcrumb): ref not forwarded for trigger

---
 packages/raystack/components/breadcrumb/breadcrumb-item.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/raystack/components/breadcrumb/breadcrumb-item.tsx b/packages/raystack/components/breadcrumb/breadcrumb-item.tsx
index 0b3471ac2..a911d7a0a 100644
--- a/packages/raystack/components/breadcrumb/breadcrumb-item.tsx
+++ b/packages/raystack/components/breadcrumb/breadcrumb-item.tsx
@@ -55,7 +55,10 @@ export const BreadcrumbItem = forwardRef<
     if (dropdownItems) {
       return (
         <Menu>
-          <Menu.Trigger className={styles['breadcrumb-dropdown-trigger']}>
+          <Menu.Trigger
+            ref={ref as React.Ref<HTMLButtonElement>}
+            className={styles['breadcrumb-dropdown-trigger']}
+          >
             {label}
             <ChevronDownIcon className={styles['breadcrumb-dropdown-icon']} />
           </Menu.Trigger>

From c6e92778c6b85884940546f000837f9e57d9f304 Mon Sep 17 00:00:00 2001
From: paanSinghCoder <gaurav3017@gmail.com>
Date: Wed, 11 Mar 2026 16:02:24 +0530
Subject: [PATCH 2/3] fix (breadcrumb): forward props to trigger

---
 .../raystack/components/breadcrumb/breadcrumb-item.tsx     | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/raystack/components/breadcrumb/breadcrumb-item.tsx b/packages/raystack/components/breadcrumb/breadcrumb-item.tsx
index a911d7a0a..fb63bff80 100644
--- a/packages/raystack/components/breadcrumb/breadcrumb-item.tsx
+++ b/packages/raystack/components/breadcrumb/breadcrumb-item.tsx
@@ -57,7 +57,12 @@ export const BreadcrumbItem = forwardRef<
         <Menu>
           <Menu.Trigger
             ref={ref as React.Ref<HTMLButtonElement>}
-            className={styles['breadcrumb-dropdown-trigger']}
+            className={cx(styles['breadcrumb-dropdown-trigger'], className)}
+            id={props.id}
+            title={props.title}
+            aria-label={props['aria-label']}
+            aria-labelledby={props['aria-labelledby']}
+            aria-describedby={props['aria-describedby']}
           >
             {label}
             <ChevronDownIcon className={styles['breadcrumb-dropdown-icon']} />

From 7df155f4b325b195cb4ba18d1cd47d7dd71313ed Mon Sep 17 00:00:00 2001
From: paanSinghCoder <gaurav3017@gmail.com>
Date: Thu, 12 Mar 2026 14:16:39 +0530
Subject: [PATCH 3/3] fix: spread porps

---
 packages/raystack/components/breadcrumb/breadcrumb-item.tsx | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/packages/raystack/components/breadcrumb/breadcrumb-item.tsx b/packages/raystack/components/breadcrumb/breadcrumb-item.tsx
index fb63bff80..a4c91af43 100644
--- a/packages/raystack/components/breadcrumb/breadcrumb-item.tsx
+++ b/packages/raystack/components/breadcrumb/breadcrumb-item.tsx
@@ -58,11 +58,7 @@ export const BreadcrumbItem = forwardRef<
           <Menu.Trigger
             ref={ref as React.Ref<HTMLButtonElement>}
             className={cx(styles['breadcrumb-dropdown-trigger'], className)}
-            id={props.id}
-            title={props.title}
-            aria-label={props['aria-label']}
-            aria-labelledby={props['aria-labelledby']}
-            aria-describedby={props['aria-describedby']}
+            {...(props as React.ButtonHTMLAttributes<HTMLButtonElement>)}
           >
             {label}
             <ChevronDownIcon className={styles['breadcrumb-dropdown-icon']} />