Bottle-shaped container that fills sky with gradient water, paired with current versus goal liters.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Health19 } from "@/components/beste/piece/health19";
<Health19
label="Hydration"
current="1.8 L"
goal="2.5 L"
fillPercent={72}
tone="sky"
/>Eight-cup water grid that fills sky-tinted glasses as you log ml toward a daily hydration goal.
Prescription card with a dose line, schedule note, supply bar that flips rose when low, and refill date.
Daily check-in card summarizing heart, temperature, blood pressure, and SpO2 in a 2×2 tile grid.
Oxygen saturation ring with the percentage stacked in the center and a pulse note on the side.
BP reading pairing systolic over diastolic with a status pill and a color-dotted legend beneath.
Guided breathwork card with a pulsing sky ring, phase label, big second count, and cycle note.