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 `` 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 ( ) } ``` > **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.