# XWUIStyleSwitcher

Dynamic theme/style switcher. One component that mounts any of the existing
controls via `config.mode`:

| mode | Underlying control |
|------|--------------------|
| `toggle` | `XWUIStyleToggle` - pill cycler + caret menu |
| `minimized` | `XWUIStyleToggle` icon-only |
| `nav` | StyleToggle + nav chrome (sun/moon + caret - site header) |
| `switch` | `XWUIStyleSwitch` - segmented System / Light / Dark |
| `compact` | `XWUIStyleSwitch` single-icon cycle |
| `selector` | `XWUIStyleSelector` - full appearance form |

```ts
new XWUIStyleSwitcher(host, { presets }, { mode: 'minimized' });
switcher.setMode('switch'); // remount another UI
```

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Default toggle mode (pill cycler).
```

```example
file: examples/AllModes.ts
html: examples/AllModes.html
title: All Modes
description: Every switcher UI side-by-side, plus a live mode picker.
```

```api
```