<!-- source-hash: e8725ed939f32a658cd8720c67e49da2 -->
Header component for the navigation sidebar displaying the OpenFrame logo and text, with animated show/hide behavior based on the sidebar's minimized state.

## Key Components

### `NavigationSidebarHeaderProps`
| Prop | Type | Description |
|------|------|-------------|
| `minimized` | `boolean` | Controls whether the sidebar is in collapsed state |

### `NavigationSidebarHeader`
Renders a fixed-height (`h-14`) header containing:
- **`OpenFrameLogo`** — Always visible; uses CSS design tokens for primary text and accent colors
- **`OpenFrameText`** — Fades in/out with a smooth `opacity` + `margin-left` CSS transition (300ms); hidden from accessibility tree via `aria-hidden` when minimized

## Usage Example

```typescript
import { NavigationSidebarHeader } from './navigation-sidebar-header'

function Sidebar() {
  const [minimized, setMinimized] = useState(false)

  return (
    <aside>
      <NavigationSidebarHeader minimized={minimized} />
      {/* rest of sidebar content */}
    </aside>
  )
}
```

## Notes
- Uses `cn()` utility for conditional class merging
- Relies on CSS design tokens (`--color-text-primary`, `--color-accent-primary`, `--spacing-system-m`, `--spacing-system-xs`) for theming — ensure these variables are defined in the global stylesheet
- The text element uses `overflow-hidden` + `min-w-0` to prevent layout shift during the collapse transition