# Sleep chart

Sleep chart: a free component, built on your design tokens, to use in a sleep, health or wearable app, for the morning summary of last night. Last night's sleep as a hypnogram of awake, REM, light and deep sleep across the night, the time and share spent in each stage, and the last seven nights as bars against a goal line.

Prompt: Add the OpenDesigner component sleep-chart to this project: https://opendesigner.dev/library/r/sleep-chart.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: last night, goal line.

Accessibility: The hypnogram is one image with a written summary of the night; stage totals are a description list and each night's bar carries its date and hours as text for screen readers.

File: https://opendesigner.dev/library/r/sleep-chart.html