<!-- source-hash: 5b42d2668b0cbc76ddb288a5b0d0cf2b -->
Storybook stories for the `InfoCard` UI component, demonstrating various configurations including disk usage, RAM stats, copyable network values, and a multi-card grid layout.

## Key Components

| Story | Description |
|-------|-------------|
| `DiskC` | SSD drive card with usage percentage and capacity, default progress bar |
| `DiskD` | HDD drive card with warning/critical thresholds on the progress bar |
| `PhysicalRAM` | RAM card showing DDR4 memory usage and capacity |
| `WithCopyableValues` | Network info card with copyable hostname, IPv4, and MAC fields |
| `Grid` | Three-column grid layout showcasing multiple `InfoCard` instances side by side |

## Usage Example

```typescript
import { InfoCard } from '../components'

// Basic disk card with progress bar
<InfoCard
  data={{
    title: 'C:',
    subtitle: 'SSD Drive',
    items: [
      { label: 'Current Usage', value: '42.6%' },
      { label: 'Capacity', value: '931 GB' },
    ],
    progress: { value: 42.6 },
  }}
/>

// With warning/critical thresholds
<InfoCard
  data={{
    title: 'D:',
    progress: {
      value: 62.3,
      warningThreshold: 60,
      criticalThreshold: 85,
    },
    items: [{ label: 'Current Usage', value: '62.3%' }],
  }}
/>

// With copyable values
<InfoCard
  data={{
    title: 'Network',
    items: [
      { label: 'IPv4', value: '192.168.1.100', copyable: true },
    ],
  }}
/>
```