open-index/open-npm huggingface dataset:
npm package: @labex-hambre-ui/react
Description: <div align="center">   <h1>     🤖 @labex-hambre-ui/react   </h1>
Latest version: 4.0.0

<div align="center">
  <h1>
    🤖 @labex-hambre-ui/react
  </h1>

  > Esta biblioteca fornece um conjunto de componentes React para a construção de interfaces de usuário, sendo compatível com as versões mais recentes do NextJS 13 e 14 🚀, seguindo as diretrizes dos três pilares.
</div>

## :rocket: Abordagem dos três pilares
- [X] Server Components 👉  Para não usar Javascript no lado do cliente.
- [X] Client Components 👉  Enviando somente o javascript necessário para o navegador (cliente).
- [X] Streaming SSR 👉  Ler/escrever dados de forma parcial + Server-Side Rendering
---

##  :rocket:  Componentes

---

- [X] Avatar
- [X] Box
- [X] Button
- [X] Checkbox
- [X] Heading
- [X] Loading
- [X] MessageIcon
- [X] MultiStep
- [X] Radio
- [X] Select
- [X] Switch
- [X] Text
- [X] TextArea
- [X] TextInput
- [X] Transition

## :rocket: Compatibilidade
> A biblioteca @labex-hambre-ui/react é compatível com as seguintes versões de dependências:

- [X] NextJS 12
- [X] NextJS 13
- [X] NextJS 14
- [X] @radix-ui

##  📥 Instalações e configurações 
> Para instalar o @labex-hambre-ui/react, utilize o seguinte comando npm:
```bash
npm i @labex-hambre-ui/react@latest
```
🛠️ Para ativar o Intellisense da biblioteca na criação de um styled component, entre em `tsconfig.json` e altere o moduleResolution para 'Node', dessa forma.
```bash
"moduleResolution": "Node",
```

🛠️ Todos os arquivos `styles.js` que você criar, seja para uma página ou componente, deve ter a configuração `use client` antes de tudo, pois os estilos devem ser renderizados no lado do cliente, como neste exemplo a seguir.
```bash
'use client'
import { Text, styled } from "@labex-hambre-ui/react";

export const LinkRedirect = styled('div', {
    display: 'flex',
    flexDirection: 'row',
    alignItems: 'center',
    gap: '$2',
    cursor: 'pointer',
    color: '$hambre600',
    fontSize: '$sm',
    textDecoration: 'none',

    '&:hover': {
        color: '$hambre300',
        transition: 'all ease .36s'
    },
})
```

## :eyes: Visite o Storybook da Biblioteca
👉 [Storybook](http://lacymelo.github.io/labex-hambre-ui/?path=/docs/home--documentation)

# :closed_book: License

Released in 2023 :closed_book: License
Made with ♥ by  :man_student: Laciene Melo :wave: [#lacymelo](https://github.com/lacymelo) 🚀.
This project is under the [MIT license](./LICENSE).
Give a ⭐️ if this project helped you!
npm package: @labex-hambre-ui/tokens
Description: <div align="center">   <h1>     🤖 @labex-hambre-ui/tokens   </h1>
Latest version: 3.0.0

<div align="center">
  <h1>
    🤖 @labex-hambre-ui/tokens
  </h1>

  > Esta biblioteca contém tokens de design utilizados no sistema Labex Hambre. Os tokens incluem variáveis para cores, tipografia, espaçamento e outros elementos de design que são fundamentais para manter uma consistência visual em toda a aplicação.
</div>

---

## :rocket: Compatibilidade
> A biblioteca @labex-hambre-ui/react é compatível com as seguintes versões de dependências:

- [X] NextJS 12
- [X] NextJS 13
- [X] NextJS 14
- [X] @radix-ui

##  📥 Instalação
> Para instalar o @labex-hambre-ui/tokens, utilize o seguinte comando npm:
```bash
npm install @labex-hambre-ui/tokens

```

## :eyes: Visite o Storybook da Biblioteca
👉 [Storybook](http://lacymelo.github.io/labex-hambre-ui/?path=/docs/home--documentation)

# :closed_book: License

Released in 2023 :closed_book: License
Made with ♥ by  :man_student: Laciene Melo :wave: [#lacymelo](https://github.com/lacymelo) 🚀.
This project is under the [MIT license](./LICENSE).
Give a ⭐️ if this project helped you!
npm package: @labex-labs/schema
Description: JSON Schema definitions for LabEx lab and course configurations
Author: LabEx
Latest version: 1.0.4

# LabEx Schema

[![JSDelivr](https://data.jsdelivr.com/v1/package/gh/labex-labs/schema/badge)](https://www.jsdelivr.com/package/gh/labex-labs/schema)

This repository contains the JSON Schema definitions for LabEx configuration files. These schemas define the structure and validation rules for lab and course configurations in the LabEx platform.

## index.json

The `index.json` schema defines the structure for individual lab configurations, including:

- Basic lab information (title, description, difficulty)
- Lab steps and verification rules
- Backend configuration
- Internationalization (i18n) support
- Metadata for SEO
- License and contributor information

```json
{
  "$schema": "https://cdn.jsdelivr.net/gh/labex-labs/schema/index.json"
}
```

## course.json

The `course.json` schema defines the structure for course configurations, including:

- Course information (name, description, level)
- Course organization (labs or stages)
- Skill tree association
- Course settings (fee type, ordering, visibility)
- Internationalization (i18n) support
- Metadata for SEO

```json
{
  "$schema": "https://cdn.jsdelivr.net/gh/labex-labs/schema/course.json"
}
```

## Publish to NPM

Update the version in `package.json`, then run the following commands to publish to NPM:

```bash
npm version patch
git push && git push --tags
```