From f6d96afcba6d4828e17f649a13b6a07733506a4e Mon Sep 17 00:00:00 2001
From: Alexander Bluhm <lamiy-develop@live.de>
Date: Fri, 8 Aug 2025 21:57:17 +0200
Subject: [PATCH] Fix NavigationMenu TailwindCSS demo

Enter/Exit animations on the second tab were not working due to missing utilities.
---
 components/demos/NavigationMenu/tailwind/index.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/demos/NavigationMenu/tailwind/index.jsx b/components/demos/NavigationMenu/tailwind/index.jsx
index 04612051..2e6ff8b5 100644
--- a/components/demos/NavigationMenu/tailwind/index.jsx
+++ b/components/demos/NavigationMenu/tailwind/index.jsx
@@ -65,7 +65,7 @@ const NavigationMenuDemo = () => {
 							aria-hidden
 						/>
 					</NavigationMenu.Trigger>
-					<NavigationMenu.Content className="absolute left-0 top-0 w-full sm:w-auto">
+					<NavigationMenu.Content className="absolute left-0 top-0 w-full data-[motion=from-end]:animate-enterFromRight data-[motion=from-start]:animate-enterFromLeft data-[motion=to-end]:animate-exitToRight data-[motion=to-start]:animate-exitToLeft sm:w-auto">
 						<ul className="m-0 grid list-none gap-x-2.5 p-[22px] sm:w-[600px] sm:grid-flow-col sm:grid-rows-3">
 							<ListItem
 								title="Introduction"