From 249f011d40020c5b58c540ae2d3995b6b029d0f8 Mon Sep 17 00:00:00 2001
From: johndoe6345789 <john.doe6345789@gmail.com>
Date: Mon, 19 Jan 2026 09:23:38 +0000
Subject: [PATCH] stuff

---
 src/hooks/index.ts                 |  1 +
 src/lib/json-ui/hooks-registry.ts  |  2 ++
 src/lib/json-ui/json-components.ts | 11 +++++++++++
 3 files changed, 14 insertions(+)

diff --git a/src/hooks/index.ts b/src/hooks/index.ts
index 616b8ac..e1f7ded 100644
--- a/src/hooks/index.ts
+++ b/src/hooks/index.ts
@@ -37,3 +37,4 @@ export * from './use-menu-state'
 export * from './use-file-upload'
 export * from './use-accordion'
 export * from './use-binding-editor'
+export * from './use-navigation-menu'
diff --git a/src/lib/json-ui/hooks-registry.ts b/src/lib/json-ui/hooks-registry.ts
index dd9436e..9ec15d2 100644
--- a/src/lib/json-ui/hooks-registry.ts
+++ b/src/lib/json-ui/hooks-registry.ts
@@ -15,6 +15,7 @@ import { useMenuState } from '@/hooks/use-menu-state'
 import { useFileUpload } from '@/hooks/use-file-upload'
 import { useAccordion } from '@/hooks/use-accordion'
 import { useBindingEditor } from '@/hooks/use-binding-editor'
+import { useNavigationMenu } from '@/hooks/use-navigation-menu'
 
 export interface HookRegistry {
   [key: string]: (...args: any[]) => any
@@ -37,6 +38,7 @@ export const hooksRegistry: HookRegistry = {
   useFileUpload,
   useAccordion,
   useBindingEditor,
+  useNavigationMenu,
   // Add more hooks here as needed
 }
 
diff --git a/src/lib/json-ui/json-components.ts b/src/lib/json-ui/json-components.ts
index c558dd5..3bc831a 100644
--- a/src/lib/json-ui/json-components.ts
+++ b/src/lib/json-ui/json-components.ts
@@ -30,6 +30,7 @@ import type {
   FileUploadProps,
   AccordionProps,
   BindingEditorProps,
+  NavigationMenuProps,
   TextGradientProps,
   ErrorBadgeProps,
   AppLogoProps,
@@ -91,6 +92,7 @@ import menuDef from '@/components/json-definitions/menu.json'
 import fileUploadDef from '@/components/json-definitions/file-upload.json'
 import accordionDef from '@/components/json-definitions/accordion.json'
 import bindingEditorDef from '@/components/json-definitions/binding-editor.json'
+import navigationMenuDef from '@/components/json-definitions/navigation-menu.json'
 import textGradientDef from '@/components/json-definitions/text-gradient.json'
 import errorBadgeDef from '@/components/json-definitions/error-badge.json'
 import appLogoDef from '@/components/json-definitions/app-logo.json'
@@ -258,6 +260,15 @@ export const BindingEditor = createJsonComponentWithHooks<BindingEditorProps>(bi
   }
 })
 
+export const NavigationMenu = createJsonComponentWithHooks<NavigationMenuProps>(navigationMenuDef, {
+  hooks: {
+    menuState: {
+      hookName: 'useNavigationMenu',
+      args: (props) => [props.activeTab, props.onTabChange, props.featureToggles, props.errorCount ?? 0]
+    }
+  }
+})
+
 // Batch 1 - Simple stateless components
 export const TextGradient = createJsonComponent<TextGradientProps>(textGradientDef)
 export const ErrorBadge = createJsonComponent<ErrorBadgeProps>(errorBadgeDef)