<!-- source-hash: a398abbb0ec4fa945ec8435f34cfbc15 -->
Barrel export file for the navigation component library, aggregating all navigation-related components, hooks, constants, and TypeScript types into a single `"use client"` entry point.

## Key Components

| Export | Type | Description |
|---|---|---|
| `Header` / `AppHeader` | Component | Primary and application-level header components |
| `ClientOnlyHeader` | Component | Header rendered exclusively on the client side |
| `HeaderSkeleton` | Component | Loading placeholder for the header |
| `AppLayout` | Component | Top-level layout wrapper with drawer support |
| `AppLayoutDrawer` + sub-components | Components | Composable drawer primitives (trigger, close, content, header, title, description, body, footer) |
| `SlidingSidebar` / `NavigationSidebar` | Components | Persistent sidebar navigation surfaces |
| `MobileNavPanel` | Component | Mobile slide-out navigation panel |
| `MobileBurgerMenu` | Component | Hamburger toggle for mobile navigation |
| `StickySectionNav` | Component | In-page section navigation with scroll tracking |
| `MultiLevelNavigation` / `MobileNavigationDropdown` | Components | Tree-shaped navigation for doc viewers and nested content |
| `MingoAiButton` / `HeaderMingoButton` | Components | Mingo AI access buttons in the header |
| `HeaderGlobalSearch` | Component | Global search trigger in the header |
| `HeaderOrganizationFilter` | Component | Organization switcher/filter in the header |
| `useAppLayoutDrawerContainer` | Hook | Accesses the drawer container context |
| `useSectionNavigation` | Hook | Drives active-section tracking for `StickySectionNav` |
| `MOBILE_NAV_PANEL_ID` | Constant | DOM ID for the mobile nav panel |

## Usage Example

```typescript
import {
  AppLayout,
  AppHeader,
  NavigationSidebar,
  AppLayoutDrawer,
  AppLayoutDrawerTrigger,
  AppLayoutDrawerContent,
  useAppLayoutDrawerContainer,
  type AppLayoutProps,
  type NavigationSidebarConfig,
} from '@openframe/ui/navigation'

export function Shell({ children }: AppLayoutProps) {
  return (
    <AppLayout>
      <AppHeader />
      <NavigationSidebar config={sidebarConfig} />
      {children}
    </AppLayout>
  )
}
```

> **Source:** [`packages/ui/navigation/index.ts`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/packages/ui/navigation/index.ts)