From db39f7253bd4a2956fbc0b163122c7f0799cc76a Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Fri, 3 Apr 2026 00:42:49 +0200
Subject: [PATCH] Add hover change event to HierarchicalMenu items

---
 src/shared-ui/HierarchicalMenu.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/shared-ui/HierarchicalMenu.tsx b/src/shared-ui/HierarchicalMenu.tsx
index ad28ffc3..3e984b43 100644
--- a/src/shared-ui/HierarchicalMenu.tsx
+++ b/src/shared-ui/HierarchicalMenu.tsx
@@ -12,6 +12,7 @@ export type HierarchicalMenuItem =
       onSelect: () => void;
       testId?: string;
       disabled?: boolean;
+      onHoverChange?: (hovered: boolean) => void;
     }
   | {
       kind: "group";
@@ -76,6 +77,10 @@ function renderHierarchicalMenuItems(items: HierarchicalMenuItem[], onClose: ()
           item.onSelect();
           onClose();
         }}
+        onPointerEnter={() => item.onHoverChange?.(true)}
+        onPointerLeave={() => item.onHoverChange?.(false)}
+        onFocus={() => item.onHoverChange?.(true)}
+        onBlur={() => item.onHoverChange?.(false)}
       >
         <span className="hierarchical-menu__action-label">{item.label}</span>
         <span className="hierarchical-menu__action-plus" aria-hidden="true">