<!-- source-hash: 239b864e6e86694ea92908db743917ff -->
A client-side toggle button component for collapsing/expanding the navigation sidebar, with animated chevron icon and a fade-in/out label.

## Key Components

### `NavigationSidebarToggleProps`
| Prop | Type | Description |
|------|------|-------------|
| `minimized` | `boolean` | Whether the sidebar is currently collapsed; rotates the chevron 180° |
| `showLabel` | `boolean` | Controls opacity/margin animation of the "Hide Menu" label |
| `onToggle` | `() => void` | Callback fired when the button is clicked |

### `NavigationSidebarToggle`
A full-width button rendered inside a top-bordered container. Uses `Chevrons03LeftIcon` with a CSS rotation transform when minimized, and a `<span>` label that transitions opacity and margin-left based on `showLabel`.

## Usage Example

```typescript
import { NavigationSidebarToggle } from './navigation-sidebar-toggle'
import { useState } from 'react'

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

  return (
    <nav className={minimized ? 'w-16' : 'w-64'}>
      {/* sidebar content */}
      <NavigationSidebarToggle
        minimized={minimized}
        showLabel={!minimized}
        onToggle={() => setMinimized(prev => !prev)}
      />
    </nav>
  )
}
```

> **Note:** `showLabel` and `minimized` are intentionally separate props — this allows the label fade-out animation to complete before the sidebar fully collapses, decoupling visual transitions from layout state.