# XWUIGameMatchmaking

A centered matchmaking queue screen that reflects a `status` of `idle`, `searching`, `found` or `connecting` through labeled text, an animated three-dot spinner (shown while searching or connecting), the current `mode`, a formatted estimated-wait readout from `estimatedTime` (gated by `showEstimate`), and a `playersFound` counter. The Find Match button (idle state) fires `onSearch` and the Cancel button (active states, gated by `showCancel`) fires `onCancel`; drive state changes via `updateData` or the `search()` / `cancel()` methods.

## Basic Usage

Constructs the matchmaking UI in `#app` in the default `idle` state showing the "Find Match" button.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A centered searching animation with status display, estimated wait time, and cancel controls.
```

## Match Found

The success state with the spinner replaced by a "Match Found!" label.

```example
file: examples/MatchFound.ts
html: examples/MatchFound.html
title: Match Found
description: status set to found, showing the match-ready label and a full playersFound count.
```

## Idle Casual

A ready-to-search casual queue with the wait estimate suppressed.

```example
file: examples/IdleCasual.ts
html: examples/IdleCasual.html
title: Idle Casual
description: status idle showing the Find Match button with showEstimate disabled.
```

```api
```