Move macOS API docs to separate navbar item

Co-authored-by: Saadnajmi <[email protected]>

Author: Copilot

docsite/api/intro.md

@@ -0,0 +1,17 @@
+---
+sidebar_position: 1
+slug: /
+---
+
+# macOS API Reference
+
+Welcome to the React Native macOS API reference documentation. This section covers macOS-specific props and events that extend the standard React Native components.
+
+## View Component Extensions
+
+React Native macOS extends the standard View component with additional props and events designed specifically for macOS:
+
+- **[View Props](./view-props.md)** - macOS-specific properties for customizing view behavior
+- **[View Events](./view-events.md)** - macOS-specific events for handling user interactions
+
+These extensions allow you to build truly native macOS experiences while leveraging the React Native framework.

docsite/docs/api-reference/view-events.md renamed to docsite/api/view-events.md

@@ -47,6 +47,19 @@ const config: Config = {
     ],
   ],
 
+  plugins: [
+    [
+      '@docusaurus/plugin-content-docs',
+      {
+        id: 'api',
+        path: 'api',
+        routeBasePath: 'api',
+        sidebarPath: './sidebarsApi.ts',
+        editUrl: docsiteUrl + "/",
+      },
+    ],
+  ],
+
   themeConfig: {
     image: 'img/react-logo.svg',
     navbar: {
@@ -62,6 +75,13 @@ const config: Config = {
           position: 'left',
           label: 'Docs',
         },
+        {
+          type: 'docSidebar',
+          sidebarId: 'apiSidebar',
+          docsPluginId: 'api',
+          position: 'left',
+          label: 'API',
+        },
         {
           label: "Blog",
           position: "right",

docsite/docs/api-reference/view-props.md renamed to docsite/api/view-props.md

@@ -0,0 +1,11 @@
+import type {SidebarsConfig} from '@docusaurus/plugin-content-docs';
+
+const sidebars: SidebarsConfig = {
+  apiSidebar: [
+    'intro',
+    'view-props',
+    'view-events',
+  ],
+};
+
+export default sidebars;