Several of the package versions across the project have been updated. These include, among others, "typescript" in tailwind, "lucide-react" in team-accounts, billing, auth, and web, "@keystatic/core" in cms/keystatic, and "@playwright/test" in e2e. Other altered versions include those of "supabase" and "eslint" in web, along with numerous changes in the lock file.
UI - @kit/ui
This package is responsible for managing the UI components and styles across the app.
This package define two sets of components:
shadn-ui: A set of UI components that can be used across the app using shadn UImakerkit: Components specific to MakerKit
Installing a Shadcn UI component
To install a Shadcn UI component, you can use the following command in the root of the repository:
npx shadcn-ui@latest add <component> --path=packages/ui/src/shadcn
For example, to install the Button component, you can use the following command:
npx shadcn-ui@latest add button --path=packages/ui/src/shadcn
We pass the --path flag to specify the path where the component should be installed.