# Daily Summary

**Monday, January 15** · <Badge tone="success">Goal met</Badge>

---

<Card title="Steps" subtitle="Daily goal: 10,000">
<Progress value="8420" max="10000" label="8,420 / 10,000 steps" tone="success" />
<Columns>
<Stat label="Distance" value="6.2 km" icon="map-pin" />
<Stat label="Active minutes" value="42 min" icon="clock" />
</Columns>
</Card>

---

<Card title="Calories Burned" subtitle="vs. 2,500 kcal target">
<Columns>
<Stat label="Active" value="680 kcal" change="+120 vs yesterday" tone="success" icon="fire" />
<Stat label="Resting" value="1,720 kcal" change="—" tone="neutral" icon="moon" />
<Stat label="Total" value="2,400 kcal" change="100 to goal" tone="info" icon="chart-line" />
</Columns>
<Progress value="2400" max="2500" label="96% of daily target" tone="info" />
</Card>

---

<Card title="Workouts This Week">
<Chart type="bar" x="Day" y="Minutes">
| Day | Cardio | Strength | Yoga |
|---|---|---|---|
| Mon | 30 | 45 | 0 |
| Tue | 0 | 0 | 20 |
| Wed | 25 | 40 | 0 |
| Thu | 35 | 0 | 15 |
| Fri | 0 | 50 | 0 |
| Sat | 40 | 30 | 20 |
| Sun | 0 | 0 | 30 |
</Chart>
<Details title="Weekly totals">
| Type | Sessions | Total time |
|---|---|---|
| Cardio | 4 | 130 min |
| Strength | 4 | 165 min |
| Yoga | 4 | 85 min |
| **Total** | **12** | **380 min** |
</Details>
</Card>

---

<Card title="Log Workout" subtitle="Add a session to today">
<Form name="log-workout">
<Select label="Type" options="Run | Walk | Cycle | Swim | Strength | Yoga | HIIT | Other" placeholder="Select workout type" required="true" />
<Input label="Duration (minutes)" type="number" placeholder="30" min="1" max="300" step="5" required="true" />
<Input label="Calories (est.)" type="number" placeholder="250" min="1" max="2000" step="10" />
<Select label="Intensity" options="Light | Moderate | Vigorous" placeholder="How hard was it?" />
<TextArea label="Notes" placeholder="How did it feel? Any PRs?" rows="3" />
<Button>Save workout</Button>
<Button variant="tertiary">Cancel</Button>
</Form>
</Card>