# XWUIGameFarmingPanel

A crop-management grid for survival/farming games. Each entry in `data.plots` (`{ id, crop, icon, growthPct, waterLevel, soilQuality, harvestReady }`) renders a plot card with a growth-progress bar plus Water and Soil stat bars; plots flagged `harvestReady` gain a "Ready" badge and highlight styling. Set the grid width with `conf_comp.columns` and hide the growth timer with `conf_comp.showGrowthTimer: false`. Call `updateData({ plots })` to re-render as crops grow.

## Basic Usage

Shows crop plots with growth, water, and soil bars and flags harvest-ready plots.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Crop-plot grid with growth, water, and soil bars plus harvest-ready badges.
```

## Growth Progress

Advances the crops to maturity with `updateData()`, flipping plots to harvest-ready as a day passes.

```example
file: examples/GrowthProgress.ts
html: examples/BasicUsage.html
title: Growth Progress
description: Pushes crop growth to 100% via updateData() so plots gain their harvest-ready badges.
```

## Wide Field

Hides the growth timer and widens the grid to pack two large fields into dense four-column layouts.

```example
file: examples/WideField.ts
html: examples/BasicUsage.html
title: Wide Field
description: Two four-column fields with the growth timer hidden for a compact water-and-soil overview.
```

```api
```