Sleep planner card bracketing bedtime and wake times with sunset and sunrise icons and a consistency bar.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Health14 } from "@/components/beste/piece/health14";
<Health14
bedtime="23:15"
wake="06:45"
target="8 hours"
consistency={92}
note="6 days on schedule this week"
label="Sleep schedule"
tone="violet"
/>Overnight sleep card with a score pill, stacked stage bar, and a four-column stage breakdown.
Today's medication schedule with time, pill name and dose, and taken or upcoming pills on the right.
Prescription card with a dose line, schedule note, supply bar that flips rose when low, and refill date.
Daily steps card with a gradient progress bar, percent chip, and a distance and calorie footer.
Mood log card with a big emoji for today and a seven-day row of color-keyed tiny face tiles.
Upcoming medical visit with provider, specialty, a muted location block, and an italic reason line.