<Select label="Quarter" options="Q1 | Q2 | Q3 | Q4" name="quarter" placeholder="Select quarter" required=true />
<Select label="Region" options="North America | Europe | APAC | LATAM" name="region" placeholder="Select region" required=true />
<Button variant="primary" href="#" size="medium" label="Export Pack" />

<Card title="Revenue">
<Stat label="Revenue" value="$12.5M" change="+" tone="success" />
</Card>

<Card title="Costs">
<Stat label="Costs" value="$7.2M" change="+" tone="warning" />
</Card>

<Card title="Profit">
<Stat label="Profit" value="$5.3M" change="+" tone="success" />
</Card>

<Card title="Revenue by Quarter">
<Chart type="line" x="Quarter" y="Revenue" title="Revenue by Quarter">
| Quarter | Revenue |
|---|---|
| Q1 | $12.5M |
| Q2 | $14.0M |
| Q3 | $13.2M |
| Q4 | $15.0M |
</Chart>
</Card>

<Card title="Costs by Quarter">
<Chart type="line" x="Quarter" y="Costs" title="Costs by Quarter">
| Quarter | Costs |
|---|---|
| Q1 | $7.2M |
| Q2 | $6.8M |
| Q3 | $7.5M |
| Q4 | $7.0M |
</Chart>
</Card>

<Card title="Budget vs Plan by Department">
<Chart type="bar" x="Department" y="Budget,Plan" title="Budget vs Plan by Department">
| Department | Budget | Plan |
|---|---|---|
| Engineering | $4.0M | $3.8M |
| Marketing | $2.0M | $2.2M |
| Sales | $3.0M | $2.8M |
| HR | $0.8M | $0.7M |
</Chart>
</Card>

<Card title="Headcount by Department">
<Chart type="pie" title="Headcount by Department">
| Department | Headcount |
|---|---|
| Engineering | 120 |
| Marketing | 45 |
| Sales | 80 |
| HR | 15 |
</Chart>
</Card>

<Card title="Top Risks">
<Details title="Top Risks" open=true>
<Callout tone="warning" title="Supply chain delays">Owner: Jane Doe</Callout>
<Callout tone="warning" title="Product pricing pressure">Owner: John Smith</Callout>
<Callout tone="warning" title="Talent retention">Owner: Emily Chen</Callout>
</Details>
</Card>

<Card title="Strategic Initiatives">
<Badge tone="success">Initiative A – Product launch (On track)</Badge>
<Badge tone="info">Initiative B – Market expansion (Planning)</Badge>
<Badge tone="warning">Initiative C – Cost optimization (At risk)</Badge>
</Card>

<Card title="Runway">
<Stat label="Runway" value="9 months" tone="info" />
</Card>

<Card title="Sales Pipeline">
<Stat label="Pipeline" value="$25M" tone="success" />
</Card>

<Card title="Win Rate">
<Stat label="Win Rate" value="32%" tone="info" />
</Card>

<Columns>
<Stat label="Customers" value="1,200" tone="success" />
<Stat label="Churn" value="5%" tone="warning" />
</Columns>

<Card title="NPS">
<Stat label="NPS" value="+45" tone="success" />
</Card>

<Card title="Next Board Meeting Items">
<Callout tone="info" title="Review Q2 financials">Financial performance review</Callout>
<Callout tone="info" title="Approve new hires">Hiring plan approval</Callout>
<Callout tone="info" title="Discuss risk mitigation">Risk mitigation strategies</Callout>
</Card>