open-index/open-npm huggingface dataset:
npm package: @florid-kit/tokens
Description: Tokens This project takes input from the export-tokens package in the form of the tokens.json file and creates CSS and SCSS variables out of it.
Latest version: 0.1.17

Tokens
This project takes input from the export-tokens package in the form of the tokens.json file and creates CSS and SCSS variables out of it.

It uses Style Dictionnary for converting json to CSS, and SCSS, so export could be done to any number of platform.

Out of the doc: Style Dictionary is a build system that allows you to define styles once, in a way for any platform or language to consume.
Updating tokens
Currently the source of truth for tokens is located in Figma, so you have to export variables from Figma and replace the ./tokens.json file with the output, and the build the tokens with pnpm nx build @bloom-kit/tokens. It will output new css and scss files for each brand.

How it works
Take a look at the ./src/index.mjs file, which is roughly preparing the data to pass it onto ./src/token-builder.mjs which abstracts style dictionary.

It's also here that the layers (primitives, semantic, components), as well as themes for each brands are configured. The components package, appart from switching theme in the storybook code, should be completely theme/brand agnostic.
npm package: @florinestetare/nextauth
Description: This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
Latest version: 0.1.0

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

# MINUTE : 6:47:00 : Settings Page