# XWUIGameLobbyUI

A pre-game lobby screen showing a player roster with ready states and host badges, a live `players.length / maxPlayers` count (default cap 8), an optional game settings panel (`map`, `mode`) toggled by `showSettings`, and a `countdown` banner that appears when the countdown value is non-negative. Each player has `name`, `avatar`, `ready` and `isHost`; the footer Ready and Start buttons fire the `onReady` / `onStart` callbacks, with `onKick` available for host moderation.

## Basic Usage

Constructs the lobby in `#app` with an empty player list and the default settings panel.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A player list with ready states, a game settings panel, and a countdown.
```

## Countdown Start

A fully-readied lobby with the match-start countdown banner showing.

```example
file: examples/CountdownStart.ts
html: examples/CountdownStart.html
title: Countdown Start
description: Every player ready and a non-negative countdown rendering the "Starting in 5..." banner.
```

## Full Roster

A near-full lobby with the settings panel hidden and a raised player cap.

```example
file: examples/FullRoster.ts
html: examples/FullRoster.html
title: Full Roster
description: showSettings off and maxPlayers raised to 10, with a 7/10 roster of mixed ready states.
```

```api
```