From 4cd4d0769450add00a3a5c3ba482d47077d6151e Mon Sep 17 00:00:00 2001
From: Kyle McDonald <kyle@knock.app>
Date: Fri, 19 Jul 2024 10:24:05 -0500
Subject: [PATCH] add translate values as css vars to navigation menu indicator

---
 packages/react/navigation-menu/src/NavigationMenu.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/react/navigation-menu/src/NavigationMenu.tsx b/packages/react/navigation-menu/src/NavigationMenu.tsx
index d322b4474..1ebe6fa2e 100644
--- a/packages/react/navigation-menu/src/NavigationMenu.tsx
+++ b/packages/react/navigation-menu/src/NavigationMenu.tsx
@@ -717,11 +717,13 @@ const NavigationMenuIndicatorImpl = React.forwardRef<
               left: 0,
               width: position.size + 'px',
               transform: `translateX(${position.offset}px)`,
+              '--radix-navigation-menu-indicator-translate-x': `${position.offset}px`,
             }
           : {
               top: 0,
               height: position.size + 'px',
               transform: `translateY(${position.offset}px)`,
+              '--radix-navigation-menu-indicator-translate-y': `${position.offset}px`,
             }),
         ...indicatorProps.style,
       }}