<!-- source-hash: 57ead746fc6076505cfa5bb2fbd826ed -->
A toggle component for switching between grid and table view modes with accessible keyboard navigation and ODS design system integration.

## Key Components

- **ViewToggle** - Main toggle component with 2-state grid/table switching
- **ViewMode** - Type union for 'grid' | 'table' values  
- **ViewToggleProps** - Interface defining component props including value, onChange, disabled state, and styling options

## Usage Example

```typescript
import React, { useState } from 'react'
import { ViewToggle, ViewMode } from './view-toggle'

function DataDisplay() {
  const [viewMode, setViewMode] = useState<ViewMode>('table')

  return (
    <div className="p-4">
      <ViewToggle
        value={viewMode}
        onValueChange={setViewMode}
        className="mb-4"
        size="default"
        aria-label="Switch between grid and table view"
      />
      
      {viewMode === 'grid' ? (
        <div className="grid grid-cols-3 gap-4">
          {/* Grid layout content */}
        </div>
      ) : (
        <table className="w-full">
          {/* Table layout content */}
        </table>
      )}
    </div>
  )
}
```

Built on Radix UI ToggleGroup for accessibility compliance with proper ARIA labels, keyboard navigation, and focus management. Uses ODS design tokens for consistent theming and includes hover states, smooth transitions, and disabled state handling.