Support infinite navigation levels with Radix Tree primitive

.env.example

@@ -0,0 +1,5 @@
+# Documentation MDX source directory
+MDX=docs
+
+# Icon for the documentation site
+ICON=🥑

.gitignore

@@ -9,6 +9,10 @@ node_modules/
 # pnpm
 .pnpm-debug.log*
 
+# environment
+.env.local
+.env*.local
+
 # other
 .next/
 .DS_Store

docs/authoring/components/buttons.mdx

@@ -0,0 +1,13 @@
+---
+title: Buttons
+description: Documentation for button components
+nav: 1
+---
+
+# Button Components
+
+This is a test page for nested navigation - demonstrates a 3-level deep structure.
+
+## Overview
+
+Test content for button components.

docs/authoring/components/cards.mdx

@@ -0,0 +1,13 @@
+---
+title: Cards
+description: Documentation for card components
+nav: 2
+---
+
+# Card Components
+
+This is a test page for nested navigation - demonstrates a 3-level deep structure.
+
+## Overview
+
+Test content for card components.

docs/authoring/components/introduction.mdx

@@ -0,0 +1,9 @@
+---
+title: Components
+description: Introduction to components
+nav: 0
+---
+
+# Components
+
+This is an introduction page for the components section.

next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/types/routes.d.ts";
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package.json

@@ -48,12 +48,19 @@
     "vitest": "^4.0.18"
   },
   "dependencies": {
+    "@abernier/radix-tree": "^1.0.2",
     "@codesandbox/sandpack-react": "^2.20.0",
     "@fontsource/inconsolata": "^5.2.8",
     "@fontsource/inter": "^5.2.8",
     "@octokit/core": "^6.1.2",
+    "@radix-ui/primitive": "^1.1.3",
     "@radix-ui/react-collapsible": "^1.1.0",
+    "@radix-ui/react-context": "^1.1.3",
     "@radix-ui/react-dialog": "^1.1.1",
+    "@radix-ui/react-direction": "^1.1.1",
+    "@radix-ui/react-primitive": "^2.1.4",
+    "@radix-ui/react-roving-focus": "^1.1.11",
+    "@radix-ui/react-use-controllable-state": "^1.2.2",
     "@radix-ui/react-visually-hidden": "^1.2.4",
     "@tailwindcss/aspect-ratio": "^0.4.2",
     "class-variance-authority": "^0.7.1",