<!-- source-hash: d29f5d2cc4bf17eb228a4dc4aebe30a3 -->
Storybook stories for the `CheckboxBlock` UI component, covering all interactive states, variants, and theme configurations for visual testing and documentation.

## Key Components

### Stories Exported

| Story | Description |
|---|---|
| `Default` | Unchecked checkbox block baseline |
| `Checked` / `Disabled` / `DisabledChecked` | State variants |
| `Controlled` | Stateful example using `useState` with live feedback |
| `WithDescription` | Taller `h-16` variant with secondary description text |
| `Error` / `FlamingoError` | Red border validation failure state |
| `FlamingoChecked` | Pink accent theme via `data-app-type="flamingo"` wrapper |
| `AllVariants` | Side-by-side comparison of all variants |

### Configured `argTypes`

- `label` — checkbox label text
- `checked` / `defaultChecked` — controlled vs. uncontrolled state
- `description` — optional secondary text below label
- `disabled` — disables interaction
- `onCheckedChange` — action callback on state change

## Usage Example

```typescript
import { CheckboxBlock } from '../components/ui/checkbox-block';

// Uncontrolled
<CheckboxBlock label="Repeat Script Run" defaultChecked />

// With description
<CheckboxBlock
  label="Run as User"
  description="Windows Only"
  disabled
/>

// Controlled
const [checked, setChecked] = useState(false);
<CheckboxBlock
  label="Controlled Checkbox"
  checked={checked}
  onCheckedChange={setChecked}
/>

// Error state
<CheckboxBlock
  label="Accept terms"
  error="Please accept to continue."
/>

// Flamingo theme
<div data-app-type="flamingo">
  <CheckboxBlock label="Accept terms" defaultChecked />
</div>
```