open-index/open-npm huggingface dataset:
npm package: @grandchef/rosalvo-design-system
Description: <p align="center">   <a href="https://lite.grandchef.com.br/" rel="noopener" target="_blank"><img width="150" src="public/logo.png" alt="rosalvo logo"></a></p> </p>
Latest version: 0.1.21

<p align="center">
  <a href="https://lite.grandchef.com.br/" rel="noopener" target="_blank"><img width="150" src="public/logo.png" alt="rosalvo logo"></a></p>
</p>

<h1 align="center">rosalvo design system</h1>

<div align="center">

A component lib in [React](https://reactjs.org/) developing for [Rosalvo](https://app.grandchef.com.br/).

<p align="center">
  <a href="https://github.com/grandchef" style="text-decoration: none" target="_blank">
    <img alt="Made by GrandChef" src="https://img.shields.io/badge/made%20by-grandchef-orange">
  </a>
  <a aria-label="contributors graph" href="https://github.com/grandchef/rosalvo-design-system/graphs/contributors">
    <img src="https://img.shields.io/github/contributors/grandchef/rosalvo-design-system">
  </a>
  <a aria-label="last commit" href="https://github.com/grandchef/rosalvo-design-system/commits/master">
    <img alt="" src=
  "https://img.shields.io/github/last-commit/grandchef/rosalvo-design-system">
  </a>
  
  <img alt="NPM Downloads" src="https://img.shields.io/npm/dm/aiq-design-system.svg?style=flat"/>
  
  [![npm downloads](https://img.shields.io/npm/dm/aiq-design-system.svg)](https://www.npmjs.com/package/aiq-design-system)
</p>

[![npm package](https://img.shields.io/npm/v/@grandchef/rosalvo-design-system/latest)](https://www.npmjs.com/package/@grandchef/rosalvo-design-system)
![Code style](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)
[![license](https://img.shields.io/github/license/grandchef/rosalvo-design-system)](https://github.com/grandchef/rosalvo-design-system/blob/master/LICENSE)

</div>

## como adicionar ao projeto

```sh
yarn add @grandchef/rosalvo-design-system

or

npm install @grandchef/rosalvo-design-system
```

## How utilize

function App({ children }) {
  return <ThemeProvider>{children}</ThemeProvider>
}
```

2 - já pode sair utilizando os componentes importados da **aiq-design-system**

```jsx
import React from 'react'
import ReactDOM from 'react-dom'

import { Button, Input, Flex, ThemeProvider } from "rosalvo-design-system";

export const AiqComponent() {
  return (
    <ThemeProvider>
      <Flex p={20} flexDirection="column">
        <Input variant="outlined" label="I want Pizza!" />
        <Button variant="contained">ros</Button>
      </Flex>
    </ThemeProvider>
  );
}

```

## template no codesandbox

temos um template configurado no codesandbox com a lib configurada!

[![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/rosalvo-design-system-yhpir?file=/src/App.js)
npm package: @grandchef/vue-keybindings
Description: Keyboard Shortcuts registration and Keybindings management
Author: Francimar Alves
Latest version: 2.0.2

# Vue-Keybindings

[![NPM version](https://img.shields.io/npm/v/@grandchef/vue-keybindings.svg)](https://www.npmjs.com/package/@grandchef/vue-keybindings)
![VueJS v3 compatible](https://img.shields.io/badge/Vuejs%203-compatible-green.svg)
<a href="https://www.npmjs.com/package/@grandchef/vue-keybindings"><img src="https://img.shields.io/npm/dt/@grandchef/vue-keybindings.svg" alt="Downloads"></a>
<a href="https://www.npmjs.com/package/@grandchef/vue-keybindings"><img src="https://img.shields.io/npm/l/@grandchef/vue-keybindings.svg" alt="License"></a>

Keyboard Shortcuts registration and Keybindings management

## Install

``` bash
yarn add @grandchef/vue-keybindings
```

or

``` bash
npm install @grandchef/vue-keybindings --save
```

## Usage
#### Configuration
``` js
import VueKeybindings from '@grandchef/vue-keybindings'

Vue.use(VueKeybindings, {
    alias: {
        cancel: ['esc'],
        reload: ['alt', 'f5'],
        delete: 'shift+del'
    }
})
```

#### On Vuejs instance usage
``` js
var vm = new Vue({
  shortcuts: {
    keydown: function (event) {
      console.log('key ', event, 'pressed')
      return false // stop alias calling
    },
    cancel: function () {
      console.log('escape key pressed')
      return false // stop propagation
    },
    customBinding: function (data) {
      console.log('this method was fired by some call to: vm.$shortcut.emit("customBinding", data)')
    }
  },
  methods: {
    clickButton: function (val) {
        this.$shortcut.emit('customBinding', val)
    }
  }
})
```

#### Dynamic shortcut event listeners
Create a new listener
``` js
this.$options.shortcuts.commandName = () => {
    console.log('do some action')
}
```
Remove existing listener
``` js
delete this.$options.shortcuts.commandName;
```

#### Dynamic shortcut registration
Create a new keybinding
``` js
this.$shortcut.add('command-name', 'ctrl+f6')
// or
this.$shortcut.add('commandName', ['ctrl', 'f6'])
```
Remove existing keybinding
``` js
this.$shortcut.remove('command-name', 'ctrl+f6')
// unbind all actions for this shortcut
this.$shortcut.unbind(['ctrl', 'f6'])
// clear all keybindings
this.$shortcut.clear()
```

### Derived from
- Vivify-Ideas/vue-shortcuts
- MetinSeylan/Vue-Socket.io
- mazinsw/vue-keybindings
npm package: @grandjs/jsx
Description: grandjs way to use jsx as template engine.
Author: imed jaberi
Latest version: 0.1.0

<div align='center'>

# @grandjs/jsx

---

[![Build Status][travis-img]][travis-url]
[![Coverage Status][coverage-img]][coverage-url]
[![NPM version][npm-badge]][npm-url]
![Code Size][code-size-badge]
[![License][license-badge]][license-url]

</div>

<!-- ***************** -->

[travis-img]: https://travis-ci.com/grandjs/jsx.svg?branch=master
[travis-url]: https://travis-ci.com/grandjs/jsx
[coverage-img]: https://coveralls.io/repos/github/grandjs/jsx/badge.svg?branch=master
[coverage-url]: https://coveralls.io/github/grandjs/jsx?branch=master
[npm-badge]: https://img.shields.io/npm/v/@grandjs/jsx.svg?style=flat
[npm-url]: https://www.npmjs.com/package/@grandjs/jsx
[license-badge]: https://img.shields.io/badge/license-MIT-green.svg?style=flat
[license-url]: https://github.com/grandjs/jsx/blob/master/LICENSE
[code-size-badge]: https://img.shields.io/github/languages/code-size/grandjs/jsx

<!-- ***************** -->

### Grand.js way to use jsx as template engine.