open-index/open-npm huggingface dataset:
npm package: @finbertmds/layout
Description: Shared Application Layout Components
Author: Rocket.Chat
Latest version: 0.32.0

<!--header-->

<p align="center">
  <a href="https://rocket.chat" title="Rocket.Chat">
    <img src="https://github.com/RocketChat/Rocket.Chat.Artwork/raw/master/Logos/2020/png/logo-horizontal-red.png" alt="Rocket.Chat" />
  </a>
</p>

# `@rocket.chat/layout`

> Shared Application Layout Components

---

[![npm@latest](https://img.shields.io/npm/v/@rocket.chat/layout/latest?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/layout/v/latest) [![npm@next](https://img.shields.io/npm/v/@rocket.chat/layout/next?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/layout/v/next) ![react version](https://img.shields.io/npm/dependency-version/@rocket.chat/layout/peer/react?style=flat-square) [![Storybook](https://cdn.jsdelivr.net/gh/storybookjs/brand@master/badge/badge-storybook.svg)](https://rocketchat.github.io/fuselage/layout) ![npm downloads](https://img.shields.io/npm/dw/@rocket.chat/layout?style=flat-square) ![License: MIT](https://img.shields.io/npm/l/@rocket.chat/layout?style=flat-square)

![deps](https://img.shields.io/librariesio/release/npm/@rocket.chat/layout?style=flat-square) ![npm bundle size](https://img.shields.io/bundlephobia/min/@rocket.chat/layout?style=flat-square)

<!--/header-->

## Install

<!--install-->

Firstly, install the peer dependencies (prerequisites):

```sh
npm i @rocket.chat/fuselage react react-dom react-i18next

# or, if you are using yarn:

yarn add @rocket.chat/fuselage react react-dom react-i18next
```

Add `@rocket.chat/layout` as a dependency:

```sh
npm i @rocket.chat/layout

# or, if you are using yarn:

yarn add @rocket.chat/layout
```

<!--/install-->

## Contributing

<!--contributing(msg)-->

Contributions, issues, and feature requests are welcome!<br />
Feel free to check the [issues](https://github.com/RocketChat/fuselage/issues).

<!--/contributing(msg)-->

### Building

As this package dependends on others in this monorepo, before anything run the following at the root directory:

<!--yarn(build)-->

```sh
yarn build
```

<!--/yarn(build)-->

### Linting

To ensure the source is matching our coding style, we perform [linting](<https://en.wikipedia.org/wiki/Lint_(software)>).
Before commiting, check if your code fits our style by running:

<!--yarn(lint)-->

```sh
yarn lint
```

<!--/yarn(lint)-->

Some linter warnings and errors can be automatically fixed:

<!--yarn(lint-and-fix)-->

```sh
yarn lint-and-fix
```

<!--/yarn(lint-and-fix)-->

### Running tests

Whenever possible, add tests to describe exactly what your code do. You can run them by yourself:

<!--yarn(test)-->

```sh
yarn test
```

<!--/yarn(test)-->
npm package: @finbertmds/logo
Description: Rocket.Chat logo package
Author: Rocket.Chat
Latest version: 0.32.0

<!--header-->

<p align="center">
  <a href="https://rocket.chat" title="Rocket.Chat">
    <img src="https://github.com/RocketChat/Rocket.Chat.Artwork/raw/master/Logos/2020/png/logo-horizontal-red.png" alt="Rocket.Chat" />
  </a>
</p>

# `@rocket.chat/logo`

> Rocket.Chat logo package

---

[![npm@latest](https://img.shields.io/npm/v/@rocket.chat/logo/latest?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/logo/v/latest) [![npm@next](https://img.shields.io/npm/v/@rocket.chat/logo/next?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/logo/v/next) ![react version](https://img.shields.io/npm/dependency-version/@rocket.chat/logo/peer/react?style=flat-square) ![npm downloads](https://img.shields.io/npm/dw/@rocket.chat/logo?style=flat-square) ![License: MIT](https://img.shields.io/npm/l/@rocket.chat/logo?style=flat-square)

![deps](https://img.shields.io/librariesio/release/npm/@rocket.chat/logo?style=flat-square) ![npm bundle size](https://img.shields.io/bundlephobia/min/@rocket.chat/logo?style=flat-square)

<!--/header-->

## Install

<!--install-->

Firstly, install the peer dependencies (prerequisites):

```sh
npm i react react-dom

# or, if you are using yarn:

yarn add react react-dom
```

Add `@rocket.chat/logo` as a dependency:

```sh
npm i @rocket.chat/logo

# or, if you are using yarn:

yarn add @rocket.chat/logo
```

<!--/install-->

## Contributing

<!--contributing(msg)-->

Contributions, issues, and feature requests are welcome!<br />
Feel free to check the [issues](https://github.com/RocketChat/fuselage/issues).

<!--/contributing(msg)-->

### Building

As this package dependends on others in this monorepo, before anything run the following at the root directory:

<!--yarn(build)-->

```sh
yarn build
```

<!--/yarn(build)-->

### Linting

To ensure the source is matching our coding style, we perform [linting](<https://en.wikipedia.org/wiki/Lint_(software)>).
Before commiting, check if your code fits our style by running:

<!--yarn(lint)-->

```sh
yarn lint
```

<!--/yarn(lint)-->

Some linter warnings and errors can be automatically fixed:

<!--yarn(lint-and-fix)-->

```sh
yarn lint-and-fix
```

<!--/yarn(lint-and-fix)-->

### Running tests

Whenever possible, add tests to describe exactly what your code do. You can run them by yourself:

<!--yarn(test)-->

```sh
yarn test
```

<!--/yarn(test)-->
npm package: @finbertmds/memo
Description: Memoization utilities
Author: Rocket.Chat
Latest version: 0.31.25

<!--header-->

<p align="center">
  <a href="https://rocket.chat" title="Rocket.Chat">
    <img src="https://github.com/RocketChat/Rocket.Chat.Artwork/raw/master/Logos/2020/png/logo-horizontal-red.png" alt="Rocket.Chat" />
  </a>
</p>

# `@rocket.chat/memo`

> Memoization utilities

---

[![npm@latest](https://img.shields.io/npm/v/@rocket.chat/memo/latest?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/memo/v/latest) [![npm@next](https://img.shields.io/npm/v/@rocket.chat/memo/next?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/memo/v/next) ![npm downloads](https://img.shields.io/npm/dw/@rocket.chat/memo?style=flat-square) ![License: MIT](https://img.shields.io/npm/l/@rocket.chat/memo?style=flat-square)

![deps](https://img.shields.io/librariesio/release/npm/@rocket.chat/memo?style=flat-square) ![npm bundle size](https://img.shields.io/bundlephobia/min/@rocket.chat/memo?style=flat-square)

<!--/header-->

## Install

<!--install-->

Add `@rocket.chat/memo` as a dependency:

```sh
npm i @rocket.chat/memo

# or, if you are using yarn:

yarn add @rocket.chat/memo
```

<!--/install-->

## Contributing

<!--contributing(msg)-->

Contributions, issues, and feature requests are welcome!<br />
Feel free to check the [issues](https://github.com/RocketChat/fuselage/issues).

<!--/contributing(msg)-->

### Building

As this package dependends on others in this monorepo, before anything run the following at the root directory:

<!--yarn(build)-->

```sh
yarn build
```

<!--/yarn(build)-->

### Linting

To ensure the source is matching our coding style, we perform [linting](<https://en.wikipedia.org/wiki/Lint_(software)>).
Before commiting, check if your code fits our style by running:

<!--yarn(lint)-->

```sh
yarn lint
```

<!--/yarn(lint)-->

Some linter warnings and errors can be automatically fixed:

<!--yarn(lint-and-fix)-->

```sh
yarn lint-and-fix
```

<!--/yarn(lint-and-fix)-->
npm package: @finbertmds/mp3-encoder
Description: A LAME encoder to be used in web workers
Author: Rocket.Chat
Latest version: 0.31.26

<!--header-->

<p align="center">
  <a href="https://rocket.chat" title="Rocket.Chat">
    <img src="https://github.com/RocketChat/Rocket.Chat.Artwork/raw/master/Logos/2020/png/logo-horizontal-red.png" alt="Rocket.Chat" />
  </a>
</p>

# `@rocket.chat/mp3-encoder`

> A LAME encoder to be used in web workers

---

[![npm@latest](https://img.shields.io/npm/v/@rocket.chat/mp3-encoder/latest?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/mp3-encoder/v/latest) [![npm@next](https://img.shields.io/npm/v/@rocket.chat/mp3-encoder/next?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/mp3-encoder/v/next) ![npm downloads](https://img.shields.io/npm/dw/@rocket.chat/mp3-encoder?style=flat-square) ![License: MIT](https://img.shields.io/npm/l/@rocket.chat/mp3-encoder?style=flat-square)

![deps](https://img.shields.io/librariesio/release/npm/@rocket.chat/mp3-encoder?style=flat-square) ![npm bundle size](https://img.shields.io/bundlephobia/min/@rocket.chat/mp3-encoder?style=flat-square)

<!--/header-->

## Install

<!--install-->

Add `@rocket.chat/mp3-encoder` as a dependency:

```sh
npm i @rocket.chat/mp3-encoder

# or, if you are using yarn:

yarn add @rocket.chat/mp3-encoder
```

<!--/install-->

## Contributing

<!--contributing(msg)-->

Contributions, issues, and feature requests are welcome!<br />
Feel free to check the [issues](https://github.com/RocketChat/fuselage/issues).

<!--/contributing(msg)-->

### Building

As this package dependends on others in this monorepo, before anything run the following at the root directory:

<!--yarn(build)-->

```sh
yarn build
```

<!--/yarn(build)-->

### Linting

To ensure the source is matching our coding style, we perform [linting](<https://en.wikipedia.org/wiki/Lint_(software)>).
Before commiting, check if your code fits our style by running:

<!--yarn(lint)-->

```sh
yarn lint
```

<!--/yarn(lint)-->

Some linter warnings and errors can be automatically fixed:

<!--yarn(lint-and-fix)-->

```sh
yarn lint-and-fix
```

<!--/yarn(lint-and-fix)-->

### Running tests

Whenever possible, add tests to describe exactly what your code do. You can run them by yourself:

<!--yarn(test)-->

```sh
yarn test
```

<!--/yarn(test)-->
npm package: @finbertmds/peggy-loader
Description: Peggy loader for webpack
Author: Rocket.Chat
Latest version: 0.31.25

<!--header-->

<p align="center">
  <a href="https://rocket.chat" title="Rocket.Chat">
    <img src="https://github.com/RocketChat/Rocket.Chat.Artwork/raw/master/Logos/2020/png/logo-horizontal-red.png" alt="Rocket.Chat" />
  </a>
</p>

# `@rocket.chat/peggy-loader`

> Peggy loader for webpack

---

[![npm@latest](https://img.shields.io/npm/v/@rocket.chat/peggy-loader/latest?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/peggy-loader/v/latest) [![npm@next](https://img.shields.io/npm/v/@rocket.chat/peggy-loader/next?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/peggy-loader/v/next) ![npm downloads](https://img.shields.io/npm/dw/@rocket.chat/peggy-loader?style=flat-square) ![License: MIT](https://img.shields.io/npm/l/@rocket.chat/peggy-loader?style=flat-square)

![deps](https://img.shields.io/librariesio/release/npm/@rocket.chat/peggy-loader?style=flat-square) ![npm bundle size](https://img.shields.io/bundlephobia/min/@rocket.chat/peggy-loader?style=flat-square)

<!--/header-->

## Install

<!--install-->

Firstly, install the peer dependencies (prerequisites):

```sh
npm i peggy webpack

# or, if you are using yarn:

yarn add peggy webpack
```

Add `@rocket.chat/peggy-loader` as a dependency:

```sh
npm i @rocket.chat/peggy-loader

# or, if you are using yarn:

yarn add @rocket.chat/peggy-loader
```

<!--/install-->

## Contributing

<!--contributing(msg)-->

Contributions, issues, and feature requests are welcome!<br />
Feel free to check the [issues](https://github.com/RocketChat/fuselage/issues).

<!--/contributing(msg)-->

### Building

As this package dependends on others in this monorepo, before anything run the following at the root directory:

<!--yarn(build)-->

```sh
yarn build
```

<!--/yarn(build)-->

### Linting

To ensure the source is matching our coding style, we perform [linting](<https://en.wikipedia.org/wiki/Lint_(software)>).
Before commiting, check if your code fits our style by running:

<!--yarn(lint)-->

```sh
yarn lint
```

<!--/yarn(lint)-->

Some linter warnings and errors can be automatically fixed:

<!--yarn(lint-and-fix)-->

```sh
yarn lint-and-fix
```

<!--/yarn(lint-and-fix)-->
npm package: @finbertmds/prettier-config
Description: Prettier configuration for Rocket.Chat repositories
Author: Rocket.Chat
Latest version: 0.31.25

<!--header-->

<p align="center">
  <a href="https://rocket.chat" title="Rocket.Chat">
    <img src="https://github.com/RocketChat/Rocket.Chat.Artwork/raw/master/Logos/2020/png/logo-horizontal-red.png" alt="Rocket.Chat" />
  </a>
</p>

# `@rocket.chat/prettier-config`

> Prettier configuration for Rocket.Chat repositories

---

[![npm@latest](https://img.shields.io/npm/v/@rocket.chat/prettier-config/latest?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/prettier-config/v/latest) [![npm@next](https://img.shields.io/npm/v/@rocket.chat/prettier-config/next?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/prettier-config/v/next) ![npm downloads](https://img.shields.io/npm/dw/@rocket.chat/prettier-config?style=flat-square) ![License: MIT](https://img.shields.io/npm/l/@rocket.chat/prettier-config?style=flat-square)

![deps](https://img.shields.io/librariesio/release/npm/@rocket.chat/prettier-config?style=flat-square) ![npm bundle size](https://img.shields.io/bundlephobia/min/@rocket.chat/prettier-config?style=flat-square)

<!--/header-->

## Install

<!--install(dev)-->

Firstly, install the peer dependencies (prerequisites):

```sh
npm i -D prettier

# or, if you are using yarn:

yarn add -D prettier
```

Add `@rocket.chat/prettier-config` as a dependency:

```sh
npm i -D @rocket.chat/prettier-config

# or, if you are using yarn:

yarn add -D @rocket.chat/prettier-config
```

<!--/install(dev)-->

## Contributing

<!--contributing(msg)-->

Contributions, issues, and feature requests are welcome!<br />
Feel free to check the [issues](https://github.com/RocketChat/fuselage/issues).

<!--/contributing(msg)-->

### Linting

To ensure the source is matching our coding style, we perform [linting](<https://en.wikipedia.org/wiki/Lint_(software)>).
Before commiting, check if your code fits our style by running:

<!--yarn(lint)-->

```sh
yarn lint
```

<!--/yarn(lint)-->

Some linter warnings and errors can be automatically fixed:

<!--yarn(lint-and-fix)-->

```sh
yarn lint-and-fix
```

<!--/yarn(lint-and-fix)-->
npm package: @finbertmds/string-helpers
Description: Helper functions for string manipulation
Author: Rocket.Chat
Latest version: 0.31.25

<!--header-->

<p align="center">
  <a href="https://rocket.chat" title="Rocket.Chat">
    <img src="https://github.com/RocketChat/Rocket.Chat.Artwork/raw/master/Logos/2020/png/logo-horizontal-red.png" alt="Rocket.Chat" />
  </a>
</p>

# `@rocket.chat/string-helpers`

> Helper functions for string manipulation

---

[![npm@latest](https://img.shields.io/npm/v/@rocket.chat/string-helpers/latest?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/string-helpers/v/latest) [![npm@next](https://img.shields.io/npm/v/@rocket.chat/string-helpers/next?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/string-helpers/v/next) ![npm downloads](https://img.shields.io/npm/dw/@rocket.chat/string-helpers?style=flat-square) ![License: MIT](https://img.shields.io/npm/l/@rocket.chat/string-helpers?style=flat-square)

![deps](https://img.shields.io/librariesio/release/npm/@rocket.chat/string-helpers?style=flat-square) ![npm bundle size](https://img.shields.io/bundlephobia/min/@rocket.chat/string-helpers?style=flat-square)

<!--/header-->

## Install

<!--install-->

Add `@rocket.chat/string-helpers` as a dependency:

```sh
npm i @rocket.chat/string-helpers

# or, if you are using yarn:

yarn add @rocket.chat/string-helpers
```

<!--/install-->

## Contributing

<!--contributing(msg)-->

Contributions, issues, and feature requests are welcome!<br />
Feel free to check the [issues](https://github.com/RocketChat/fuselage/issues).

<!--/contributing(msg)-->

### Building

As this package dependends on others in this monorepo, before anything run the following at the root directory:

<!--yarn(build)-->

```sh
yarn build
```

<!--/yarn(build)-->

### Linting

To ensure the source is matching our coding style, we perform [linting](<https://en.wikipedia.org/wiki/Lint_(software)>).
Before commiting, check if your code fits our style by running:

<!--yarn(lint)-->

```sh
yarn lint
```

<!--/yarn(lint)-->

Some linter warnings and errors can be automatically fixed:

<!--yarn(lint-and-fix)-->

```sh
yarn lint-and-fix
```

<!--/yarn(lint-and-fix)-->

### Running tests

Whenever possible, add tests to describe exactly what your code do. You can run them by yourself:

<!--yarn(test)-->

```sh
yarn test
```

<!--/yarn(test)-->
npm package: @finbertmds/styled
Description: A simple styled API for React components
Author: Rocket.Chat
Latest version: 0.32.0

<!--header-->

<p align="center">
  <a href="https://rocket.chat" title="Rocket.Chat">
    <img src="https://github.com/RocketChat/Rocket.Chat.Artwork/raw/master/Logos/2020/png/logo-horizontal-red.png" alt="Rocket.Chat" />
  </a>
</p>

# `@rocket.chat/styled`

> A simple styled API for React components

---

[![npm@latest](https://img.shields.io/npm/v/@rocket.chat/styled/latest?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/styled/v/latest) [![npm@next](https://img.shields.io/npm/v/@rocket.chat/styled/next?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/styled/v/next) ![npm downloads](https://img.shields.io/npm/dw/@rocket.chat/styled?style=flat-square) ![License: MIT](https://img.shields.io/npm/l/@rocket.chat/styled?style=flat-square)

![deps](https://img.shields.io/librariesio/release/npm/@rocket.chat/styled?style=flat-square) ![npm bundle size](https://img.shields.io/bundlephobia/min/@rocket.chat/styled?style=flat-square)

<!--/header-->

## Install

<!--install-->

Add `@rocket.chat/styled` as a dependency:

```sh
npm i @rocket.chat/styled

# or, if you are using yarn:

yarn add @rocket.chat/styled
```

<!--/install-->

## Contributing

<!--contributing(msg)-->

Contributions, issues, and feature requests are welcome!<br />
Feel free to check the [issues](https://github.com/RocketChat/fuselage/issues).

<!--/contributing(msg)-->

### Building

As this package dependends on others in this monorepo, before anything run the following at the root directory:

<!--yarn(build)-->

```sh
yarn build
```

<!--/yarn(build)-->

### Linting

To ensure the source is matching our coding style, we perform [linting](<https://en.wikipedia.org/wiki/Lint_(software)>).
Before commiting, check if your code fits our style by running:

<!--yarn(lint)-->

```sh
yarn lint
```

<!--/yarn(lint)-->

Some linter warnings and errors can be automatically fixed:

<!--yarn(lint-and-fix)-->

```sh
yarn lint-and-fix
```

<!--/yarn(lint-and-fix)-->

### Running tests

Whenever possible, add tests to describe exactly what your code do. You can run them by yourself:

<!--yarn(test)-->

```sh
yarn test
```

<!--/yarn(test)-->
npm package: @finbertmds/stylis-logical-props-middleware
Description: Stylis middleware to handle CSS Logical Properties and their fallbacks
Author: Rocket.Chat
Latest version: 0.31.25

<!--header-->

<p align="center">
  <a href="https://rocket.chat" title="Rocket.Chat">
    <img src="https://github.com/RocketChat/Rocket.Chat.Artwork/raw/master/Logos/2020/png/logo-horizontal-red.png" alt="Rocket.Chat" />
  </a>
</p>

# `@rocket.chat/stylis-logical-props-middleware`

> Stylis middleware to handle CSS Logical Properties and their fallbacks

---

[![npm@latest](https://img.shields.io/npm/v/@rocket.chat/stylis-logical-props-middleware/latest?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/stylis-logical-props-middleware/v/latest) [![npm@next](https://img.shields.io/npm/v/@rocket.chat/stylis-logical-props-middleware/next?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/stylis-logical-props-middleware/v/next) ![npm downloads](https://img.shields.io/npm/dw/@rocket.chat/stylis-logical-props-middleware?style=flat-square) ![License: MIT](https://img.shields.io/npm/l/@rocket.chat/stylis-logical-props-middleware?style=flat-square)

![deps](https://img.shields.io/librariesio/release/npm/@rocket.chat/stylis-logical-props-middleware?style=flat-square) ![npm bundle size](https://img.shields.io/bundlephobia/min/@rocket.chat/stylis-logical-props-middleware?style=flat-square)

<!--/header-->

## Install

<!--install-->

Firstly, install the peer dependencies (prerequisites):

```sh
npm i stylis

# or, if you are using yarn:

yarn add stylis
```

Add `@rocket.chat/stylis-logical-props-middleware` as a dependency:

```sh
npm i @rocket.chat/stylis-logical-props-middleware

# or, if you are using yarn:

yarn add @rocket.chat/stylis-logical-props-middleware
```

<!--/install-->

## Contributing

<!--contributing(msg)-->

Contributions, issues, and feature requests are welcome!<br />
Feel free to check the [issues](https://github.com/RocketChat/fuselage/issues).

<!--/contributing(msg)-->

### Building

As this package dependends on others in this monorepo, before anything run the following at the root directory:

<!--yarn(build)-->

```sh
yarn build
```

<!--/yarn(build)-->

### Linting

To ensure the source is matching our coding style, we perform [linting](<https://en.wikipedia.org/wiki/Lint_(software)>).
Before commiting, check if your code fits our style by running:

<!--yarn(lint)-->

```sh
yarn lint
```

<!--/yarn(lint)-->

Some linter warnings and errors can be automatically fixed:

<!--yarn(lint-and-fix)-->

```sh
yarn lint-and-fix
```

<!--/yarn(lint-and-fix)-->

### Running tests

Whenever possible, add tests to describe exactly what your code do. You can run them by yourself:

<!--yarn(test)-->

```sh
yarn test
```

<!--/yarn(test)-->