Add navigation menu component from Base UI

- Implement NavigationMenuBaseComponent extending BaseUIComponent
- Add all navigation menu sub-components following existing patterns
- Create HighLevelNavigationMenu wrapper for simple usage
- Add to lazy loading system in __init__.py
- Include example in demo application
- Component renders and functions correctly with clickable buttons

Co-Authored-By: Carlos Cutillas <[email protected]>

Author: devin-ai-integration[bot]

demo/demo/demo.py

@@ -58,6 +58,13 @@ def index() -> rx.Component:
             on_value_change=lambda value: rx.toast.success(f"Value: {value}"),
             on_open_change=lambda value: rx.toast.success(f"Open: {value}"),
         ),
+        ui.navigation_menu(
+            items=[
+                ("Home", lambda: rx.toast.success("Home clicked")),
+                ("About", lambda: rx.toast.success("About clicked")),
+                ("Contact", lambda: rx.toast.success("Contact clicked")),
+            ],
+        ),
         ui.theme_switcher(class_name="absolute top-4 right-4"),
         class_name=ui.cn(
             "flex flex-col gap-6 items-center justify-center h-screen", "bg-secondary-1"

reflex_ui/__init__.py

@@ -13,6 +13,7 @@
     "components.base.input": ["input"],
     "components.base.link": ["link"],
     "components.base.menu": ["menu"],
+    "components.base.navigation_menu": ["navigation_menu"],
     "components.base.popover": ["popover"],
     "components.base.scroll_area": ["scroll_area"],
     "components.base.select": ["select"],