# Daily Summary

<Card title="Steps" subtitle="Daily goal: 10,000">
<Progress value="7420" max="10000" label="7,420 / 10,000 steps" tone="info" />
</Card>

<Card title="Calories Burned">
<Columns>
<Stat label="Active" value="420 kcal" change="+15% vs yesterday" tone="success" icon="fire" />
<Stat label="Resting" value="1,680 kcal" change="—" tone="neutral" icon="moon" />
<Stat label="Total" value="2,100 kcal" change="+8% vs avg" tone="info" icon="chart-line" />
</Columns>
</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 | 45 | 30 | 0 |
| Thu | 0 | 50 | 15 |
| Fri | 35 | 0 | 0 |
| Sat | 60 | 40 | 20 |
| Sun | 0 | 0 | 30 |
</Chart>
</Card>

<Card title="Log Workout">
<Form name="log-workout">
<Select label="Type" placeholder="Select workout type" options="Running | Cycling | Swimming | Strength Training | Yoga | HIIT | Walking | Other" required="true" />
<Input label="Duration (minutes)" type="number" placeholder="30" min="1" max="300" step="1" required="true" />
<Input label="Calories Burned" type="number" placeholder="250" min="0" max="2000" step="10" />
<Date label="Date" required="true" />
<TextArea label="Notes" placeholder="How did it feel? Any details..." rows="3" />
<Button>Save Workout</Button>
<Button variant="secondary">Cancel</Button>
</Form>
</Card>