open-index/open-npm huggingface dataset:
npm package: @pangeacyber/react-mui-shared
Description: Pangea shared Material-UI React library
Author: Pangea
Latest version: 2.0.3

<p>
  <br />
  <a href="https://pangea.cloud?utm_source=github&utm_medium=node-sdk" target="_blank" rel="noopener noreferrer">
    <img src="https://pangea-marketing.s3.us-west-2.amazonaws.com/pangea-color.svg" alt="Pangea Logo" height="40" />
  </a>
  <br />
</p>

<p>
<br />

[![Documentation](https://img.shields.io/badge/documentation-pangea-blue?style=for-the-badge&labelColor=551B76)](https://pangea.cloud/docs/sdk/js/)

<br />
</p>

## Getting Started

First, run the development server:

```bash
yarn install
yarn storybook
```

Open <http://localhost:6006> with your browser to view the component storybook.
npm package: @pangeacyber/react-shared
Description: Pangea shared React library
Author: Pangea
Latest version: 0.0.13
Deprecated: Package is no longer supported. It has been renamed to @pangeacyber/react-mui-shared

<p>
  <br />
  <a href="https://pangea.cloud?utm_source=github&utm_medium=node-sdk" target="_blank" rel="noopener noreferrer">
    <img src="https://pangea-marketing.s3.us-west-2.amazonaws.com/pangea-color.svg" alt="Pangea Logo" height="40">
  </a>
  <br />
</p>

<p>
<br />

[![documentation](https://img.shields.io/badge/documentation-pangea-blue?style=for-the-badge&labelColor=551B76)](https://pangea.cloud/docs/sdk/js/)
[![Discord](https://img.shields.io/discord/1017567751818182786?color=%23551b76&label=Discord&logo=discord&logoColor=%23FFFFFF&style=for-the-badge)](https://discord.gg/z7yXhC7cQr)

<br />
</p>

## Getting Started

First, run the development server:

```bash
yarn install
yarn storybook
```

Open [http://localhost:6060](http://localhost:6060) with your browser to view the component storybook.
npm package: @pangenerator/extension-small
Description: small extension for tiptap
Latest version: 0.0.2

# @pangenerator/extension-small
[![Version](https://img.shields.io/npm/v/@tiptap/extension-superscript.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-superscript)
[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-superscript.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
[![License](https://img.shields.io/npm/l/@tiptap/extension-superscript.svg)](https://www.npmjs.com/package/@tiptap/extension-superscript)
[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)

## Introduction
tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as *New York Times*, *The Guardian* or *Atlassian*.

## Official Documentation
Documentation can be found on the [tiptap website](https://tiptap.dev).

## License
tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
npm package: @pangenerator/hotkeys
Description: Used in various interactive installations
Author: panGenerator
Latest version: 0.0.5

# Hotkeys helper library

Used in various interactive installations

## Using the library

### Install the library

```bash
npm install @pangenerator/hotkeys
```

### Import the library

```js
import Hotkeys from '@pangenerator/hotkeys'
```

### Configure keys
  
```js
import Hotkeys from './src/hotkeys.js'
      const hotkeys = new Hotkeys([
        { key: 'ArrowUp', meta: true, shift: true, alt: true, ctrl: true, description: 'Fired when Command + Shift + Alt/Option + Control + Arrow Up is pressed', callback: () => { console.log('UP') } },
        { key: '2', description: `Fired when '2' is pressed"`, callback: () => { console.log('2') }},
        { key: 'F', description: `Fired when 'F' is pressed"`, callback: () => { console.log('F') }},
      ])
```
npm package: @pangenerator/tweakpane-textarea-plugin
Description: Textarea plugin for Tweakpane
Author: panGenerator
Latest version: 2.0.0

# Textarea plugin for Tweakpane
[![Version](http://img.shields.io/npm/v/@pangenerator/tweakpane-textarea-plugin.svg)](https://www.npmjs.org/package/@pangenerator/tweakpane-textarea-plugin)

Simple textarea (multiline text input) plugin for [Tweakpane][tweakpane].\
![image](multiline2.gif)

## Installation

### NPM

`npm i @pangenerator/tweakpane-textarea-plugin`

### Browser

```html
<script src="tweakpane.min.js"></script>
<script src="tweakpane-textarea-plugin.min.js"></script>
<script>
  const pane = new Tweakpane.Pane();
  pane.registerPlugin(TweakpaneTextareaPlugin);
</script>
```


### Package

```js
import {Pane} from 'tweakpane';
import * as TextareaPlugin from '@pangenerator/tweakpane-textarea-plugin';

const pane = new Pane();
pane.registerPlugin(TextareaPlugin);
```

## Usage

```js
const params = {
  prop: 'Put your\nmultiline\ntext here!'
};

pane.addBinding(params, 'prop', {
  view: 'textarea',
  rows: 6,
  placeholder: 'Type here...'
}).on('change', (ev) => {
  console.log(ev.value);
});
```

[tweakpane]: https://github.com/cocopon/tweakpane/