# XWUISizeGuideModal

A "View size guide" trigger button that opens a modal overlay showing a size chart table: rows are size labels, columns are measurement regions (e.g. US/UK/EU/cm), plus an optional measurement note. Clicking the backdrop, pressing Escape, or clicking the close button all close the modal.

## Events

| Event | Callback | Subscriber | `detail` |
|---|---|---|---|
| `xwui-size-guide-modal:open` | `onOpen` | `onOpen(handler)` | — |
| `xwui-size-guide-modal:close` | `onClose` | `onClose(handler)` | — |

## Usage

```ts
import { XWUISizeGuideModal } from '@exonware/xwui/industry';

const sizeGuide = new XWUISizeGuideModal(host, {
  regions: [
    { key: 'us', label: 'US' },
    { key: 'uk', label: 'UK' },
    { key: 'eu', label: 'EU' },
  ],
  sizes: [
    { label: 'S', values: { us: '4', uk: '8', eu: '36' } },
    { label: 'M', values: { us: '6', uk: '10', eu: '38' } },
  ],
  measurementNote: 'Measurements are body measurements, not garment measurements.',
});

sizeGuide.onOpen(() => console.log('opened'));
```

```api
```