<!-- source-hash: 87dc6d4bdd4f070339a8653ea7b6d99d -->
Storybook configuration file that defines interactive documentation and testing scenarios for the Checkbox UI component, built on Radix UI primitives.

## Key Components

- **Meta Configuration**: Defines the Storybook setup with component metadata, parameters, and control definitions
- **Story Exports**: Eight distinct stories showcasing different checkbox states and usage patterns
- **Interactive Controls**: Configures argTypes for `checked`, `defaultChecked`, `disabled`, and `onCheckedChange` properties
- **Custom Render Functions**: Demonstrates advanced usage with labels, controlled state, and grouped checkboxes

## Usage Example

```typescript
// Basic checkbox story
export const Default: Story = {
  args: {},
};

// Checkbox with label integration
export const WithLabel: Story = {
  render: (args) => (
    <div className="flex items-center gap-2">
      <Checkbox id="terms" {...args} />
      <label htmlFor="terms" className="text-sm text-ods-text-primary cursor-pointer">
        Accept terms and conditions
      </label>
    </div>
  ),
};

// Controlled state management
export const Controlled: Story = {
  render: function ControlledCheckbox() {
    const [checked, setChecked] = useState(false);
    return (
      <Checkbox
        checked={checked}
        onCheckedChange={(value) => setChecked(value === true)}
      />
    );
  },
};
```

The stories cover all checkbox states including default, checked, disabled, controlled usage, grouped selections, and comprehensive variant displays for design system documentation.