Use Encode Sans variable axes from Google Fonts. Also specified code blocks and images to be grayscale in print mode.

Include web fonts in loading.

Add compatibility for a smoother transition of themes.

Set colors for dark and light theme.

Make docs use the latest (bleeding edge) of the components by importing them directly.

Display prop table in each component's props section

Implement Next.js MDX

Separate the docs from the code and tests.