Cerberus Design System

Architecture

Repository structure

This is a monorepo that uses pnPm to manage dependencies and Bun as the runtime language. You will need to install these tools to work on this project.

JSR Requirements

We follow the slow types requirements process of the JSR publishing standard. This means you will be required to define the return types of all your exports which result in the following:

1. Significantly improve your package users' type checking performance.
2. Improve the automatic documentation generation.
3. Enable automatic .d.ts generation for Node.js.

Getting started

Install Required Tools

1. Install pnpm
2. Install Bun

Setup the project

After you fork the repository, install the dependencies by running the following command in the root of the project:

pnpm install

This will install all the dependencies for the project including the workspaces.

Workspace Context

• docs: The official docs website for Cerberus.
• website: The official v1 docs website for Cerberus built with SolidJS.
• figma: Figma related files that run jobs on the CI using the Figma API.
• packages: The core packages that make up Cerberus.
• tests: The test suite for Cerberus & React related packages.
• solid-tests: The test suite for Solid Cerberus packages.

Cerberus Package Context

• panda-preset: The default preset for Cerberus. This is where all the styles live.
• react: The React components for Cerberus. React only owns components, not styles.
• solid: The SolidJS components for Cerberus. Solid only owns components, not sytles.