open-index/open-npm huggingface dataset:
npm package: @gbm-tech-test/components-button
Description: Now I’m the model of a modern major general / The venerated Virginian veteran whose men are all / Lining up, to put me up on a pedestal / Writin’ letters to relatives / Embellishin’ my elegance and eloquence / But the elephant is in the room / The truth i
Author: João Victor da Silva
Latest version: 1.0.2

# `@gbm-tech-test/components-button`

> TODO: description

## Usage

```
const componentsButton = require('@gbm-tech-test/components-button');

// TODO: DEMONSTRATE API
```
npm package: @gbm-tech/colors
Description: GBM Tech & Control - Colors
Author: Vinicius Pacheco
Latest version: 0.0.2

```bash
yarn add @gbm-tech/colors
```

Importe e utilize o componente desejado:

```typescript

// exemplo importando uma cor:

import { colors } from '@gbm-tech/colors';

export type ExampleProps = {};

function App() {
  return (
    <div className="App" style={{backgroundColor: colors.gbmBlue, width: '100vw', height: '100vh'}}>
    </div>
  );
}
npm package: @gbm-tech/login
Description: GBM Tech & Control - Login
Author: Vinicius Pacheco
Latest version: 0.0.6

Props para o componente Login: 

functionLogin: Obrigatório. Função responsável por fazer o login utilizando o email e senha fornecidos pelo usuário.

applicationTitle: Obrigatório. Título que aparece em azul no topo da página com o nome do projeto.

applicationSubTitle: Obrigatório. Sub título que aparece em cinza em cima da frase Iniciar sessão

```bash
yarn add @gbm-tech/components
```

Importe e utilize o componente desejado:

```typescript
// exemplo importando o login:

import { Login } from '@gbm-tech/components';

export type ExampleProps = {};

export const Example: React.FC<ExampleProps> = ({}) => {
  return <Login applicationTitle={"TOT"} applicationSubTitle={"Tracking On Time"} functionLogin={() => {funcao}}/>;
};
```
npm package: @gbmd-mdoc/astro
Description: Add support for integrating Gitbook Markdown for Astro
Author: Danial Hanif
Latest version: 0.0.3

# @gbmd-mdoc/astro
An astro plugin to convert synced [Gitbook's](https://gitbook.com) markdown syntax to [Markdoc's](https://markdoc.dev)

## Usage
```ts
//astro.config.mjs
import { defineConfig } from 'astro/config';
import starlight from '@astrojs/starlight';
import markdoc from '@astrojs/markdoc';
import gbmdMdoc from '@gbmd-mdoc/astro';
import { starlightIntegration } from '@gbmd-mdoc/astro';

// Manually download space content from Gitbook API
import spaceData from './product-docs.space.json';

// OR ideally get the space pages from gitbook api
import { GitBookAPI } from '@gitbook/api';
const gitbook = new GitBookAPI({
    authToken: 'API_TOKEN',
    endpoint: 'https://api.gitbook.com',
});
const spacePages = gitbook.spaces.listPages('spaceId', { metadata: true })

// https://astro.build/config
export default defineConfig({
    integrations: [
        gbmdMdoc({ 
            spaces: { 
                './src/content/docs/product-docs/': { 
                    data: spaceData.pages, 
                    // Is used to remove sync dir path from content dir after conversion
                    syncDir: './gitbook/product-docs/', 
                    // slug to append to the content slugs
                    slug: 'product-docs',
                }, 
            },
        }),
        markdoc(),
        // Supports starlight integration for generating sidebar based on Gitbook space data
		starlight({
			title: 'My Docs',
			social: {
				github: 'https://github.com/withastro/starlight',
			},
			sidebar: [
				{
					label: 'Guides',
					items: [
						// Each item here is one entry in the navigation menu.
						{ label: 'Example Guide', slug: 'guides/example' },
					],
				},
				{
					label: 'Reference',
					autogenerate: { directory: 'reference' },
				},
				{
					label: 'Product Docs',
					items: starlightIntegration.sidebar({ pages: spaceData.pages, slug: 'product-docs'})
				}
			],
		}),
    ],
});

```

## Contribution
Feel free to contribute some improvements by creating a PR.

## [License (MIT)](LICENSE)
npm package: @gbmtech/aurora-ui
Description: **@gbmtech/aurora-ui** é uma biblioteca interna de componentes da GBM Tech & Control, desenvolvida com TailwindCSS para acelerar o desenvolvimento de aplicações web modernas da empresa. Ela oferece um sistema de design unificado e uma arquitetura de compo
Latest version: 0.7.58

# **@gbmtech/aurora-ui** - Biblioteca de componentes GBM Tech & Control

**@gbmtech/aurora-ui** é uma biblioteca interna de componentes da GBM Tech & Control, desenvolvida com TailwindCSS para acelerar o desenvolvimento de aplicações web modernas da empresa. Ela oferece um sistema de design unificado e uma arquitetura de componentes robusta, promovendo consistência visual, escalabilidade e fácil manutenção em todos os projetos internos.

## Instalação

Solicitar o token do NPM para baixar o pacote na aplicação

Incluir o token no arquivo .npmrc

Instalar **@gbmtech/aurora-ui** via **npm**:

```sh
npm install @gbmtech/aurora-ui
```

## Configuração

### Configuração do CSS Global

Para habilitar o **@gbmtech/aurora-ui**, importe os estilos necessários para seu arquivo CSS global (e.g., `/app/globals.css`):

```css
@import "tailwindcss";

@import "@gbmtech/aurora-ui/styles.css";

@source '../../node_modules/@gbmtech/aurora-ui';
```

### Next.js configuration

Para otimizar a importação de pacotes, você precisa atualizar o arquivo `next.config.ts` no seu projeto. Adicione a seguinte configuração:

```ts
experimental: {
  optimizePackageImports: ['@gbmtech/aurora-ui'],
},
```

Esta configuração melhora o desempenho otimizando o processo de importação de bibliotecas de `@gbmtech/aurora-ui`.

## Usage

**@gbmtech/aurora-ui** fornece uma variedade de componentes pré-criados que se integram perfeitamente ao seu aplicativo.

Exemplo de uso do componente **Button**:

```ts
import { Button } from '@gbmtech/aurora-ui';

export default function Home() {
  return <Button variant="primary">Get Started</Button>;
}
```
npm package: @gboggio/ngx-translate-po-http-loader
Description: Load po files for use with ngx-translate
Author: Noël Rignon
Latest version: 3.1.3

[![npm version](https://badge.fury.io/js/%40fjnr%2Fngx-translate-po-http-loader.svg)](https://badge.fury.io/js/%40fjnr%2Fngx-translate-po-http-loader)

# Description
Load po files for use with `ngx-translate`

## Installation:

 ```
npm i @ngx-translate/core --save
npm i @fjnr/ngx-translate-po-http-loader --save
 ```

## Usage:
```ts
import { HttpClient, HttpClientModule } from '@angular/common/http';

import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
import { TranslatePoHttpLoader } from '@fjnr/ngx-translate-po-http-loader';

export function createTranslateLoader(http: HttpClient) {
	return new TranslatePoHttpLoader(http, 'assets/i18n', '.po');
}

@NgModule({
	imports: [
		BrowserModule,
		HttpClientModule,
		TranslateModule.forRoot({
			loader: {
				provide: TranslateLoader,
				useFactory: createTranslateLoader,
				deps: [HttpClient]
			}
		})
	],
	bootstrap: [AppComponent]
})
export class AppModule { }
```

## Special thanks

This package is a fork of the [initial repository](https://github.com/biesbjerg/ngx-translate-po-http-loader) of [Kim Biesbjerg](https://github.com/biesbjerg). Special thanks to him for his effort in this project.
npm package: @gbonini-eureka/slate-analytics
Description: Slate's analytics controller and event emitter
Author: Shopify Inc.
Latest version: 1.0.0-beta.17

[![npm version](https://badge.fury.io/js/%40shopify%2Fslate-analytics.svg)](https://badge.fury.io/js/%40shopify%2Fslate-analytics)

# @shopify/slate-analytics

Slate Analytics enables Shopify to track Slate user events, performance data, and errors to Shopify's analytics platform.

For more information, visit [the documentation website](https://shopify.github.io/slate/docs/slate-analytics).
npm package: @gbonini-eureka/slate-tools
Description: A modern development toolkit for Shopify themes
Author: Shopify
Latest version: 1.0.0-beta.25

[![npm version](https://badge.fury.io/js/%40shopify%2Fslate-tools.svg)](https://badge.fury.io/js/%40shopify%2Fslate-tools)

# @shopify/slate-tools

Slate Tools provides a sophisticated development experience enabling users to build top-notch Shopify themes.
npm package: @gbosetti/access-keys-activators
Description: jQuery plugin to retrieve the keys that activate the access key of the HTML elements which have it defined.
Author: gbosetti
Latest version: 0.1.0

# Browser's Access Key Activators detector (jQuery plugin)

## Description

This jQuery plugin retrieves the keys that activate the access-key of the HTML elements which have it defined.

It currently supports Linux, Mac and Windows OS and Chrome, Firefox, Opera and IE. It uses some of the mapping info from https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey 

## Dependencies

Requires jQuery >=1.5 and https://github.com/bestiejs/platform.js/blob/master/platform.js

## Usage

1. Include jQuery & platform.js:

	```html
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/platform/1.3.5/platform.min.js"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
	```

2. Include plugin's code:

	```html
	<script type="text/javascript" src="../Jquery.accessKeysActivators.js"></script>
	```

3. Call the plugin:

	```javascript
	$(function() {
		var keys = $.getAccessKeyActivators();
		console.log(keys);
		$("div").html(keys.toString());
	});
	```

## Updating the plugin

Follow the instructions in https://github.com/jquery-boilerplate/jquery-boilerplate/wiki/How-to-publish-a-plugin-in-jQuery-Plugin-Registry