open-index/open-npm huggingface dataset:
npm package: @pierrelefevre/mui-color-input
Description: Fork of mui-color-input
Author: Victor de la Fouchardiere
Latest version: 4.0.1

<div align="center">
  <img src="https://viclafouch.github.io/mui-color-input/img/logo.jpg" width="70" />
</div>
<div align="center">
<h1>Material UI color input</h1>
  <p>A color input designed for the React library <a href="https://material-ui.com/">Material UI</a></p>
</div>
<div align="center">

[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/viclafouch/mui-color-input/blob/master/LICENSE)
![ts](https://badgen.net/badge/Built%20With/TypeScript/blue)
[![npm](https://img.shields.io/npm/v/mui-color-input)](https://www.npmjs.com/package/mui-color-input)

</div>

<div align="center">
  <img src="https://github.com/viclafouch/mui-color-input/blob/main/mui-color-input.gif" width="100%" />
</div>

## Installation

```
// with npm
npm install mui-color-input

// with yarn
yarn add mui-color-input
```

The component uses [@ctrl/tinycolor](https://www.npmjs.com/package/@ctrl/tinycolor) for color parsing and formatting.

## Usage

```jsx
import React from 'react'
import { MuiColorInput } from 'mui-color-input'

const MyComponent = () => {
  const [value, setValue] = React.useState('#ffffff')

  const handleChange = (newValue) => {
    setValue(newValue)
  }

  return <MuiColorInput format="hex" value={value} onChange={handleChange} />
}
```

## Next.js integration

Learn how to use MUI color input with Next.js

Once you have installed `MUI Color Input` in your next.js project, it is important to transpile it as it is an ESM package first.

```js
/** @type {import('next').NextConfig} */
const nextConfig = {
 transpilePackages: ['mui-color-input'],
 // your config
}

module.exports = nextConfig
```

## [Documentation](https://viclafouch.github.io/mui-color-input/)

## Changelog

Go to [GitHub Releases](https://github.com/viclafouch/mui-color-input/releases)

## TypeScript

This library comes with TypeScript "typings". If you happen to find any bugs in those, create an issue.

### 🐛 Bugs

Please file an issue for bugs, missing documentation, or unexpected behavior.

### 💡 Feature Requests

Please file an issue to suggest new features. Vote on feature requests by adding
a 👍. This helps maintainers prioritize what to work on.

## LICENSE

MIT
npm package: @pierretrolle/names-extractor
Description: A names extractor
Author: Pierre Trollé
Latest version: 1.0.1

# Names Extractor

> A library to extract Family Names and Full Names given a text   

## Install
``` sh
yarn add @pierretrolle/names-extractor
```

## Usage

getFamilyNames:
```js
var { getFamilyNames } = require('@pierretrolle/names-extractor');

getFamilyNames('Jon Stark se promenait avec Arya Stark et Claude "Evil" Baratheon. En croisant Jean Targaryen et Christine Frey, ils s\'enquirent de l\'état de Bernard Martell, en convalescence chez Francis "Francis" Tyrell.\
                 Arya Stark et Chrstine Frey repartirent vers Port-Royal tandis que Jean Targaryen resta discuter avec Jon "Sait-Rien" Stark.');
```

Results:
```
  ['Stark', 'Baratheon', 'Targaryen', 'Frey', 'Martell', 'Tyrell']
``` 

getFullNames:
```js
var { getFullNames } = require('@pierretrolle/names-extractor');

getFullNames('Jon Stark se promenait avec Arya Stark et Claude "Evil" Baratheon. En croisant Jean Targaryen et Christine Frey, ils s\'enquirent de l\'état de Bernard Martell, en convalescence chez Francis "Francis" Tyrell.\
                 Arya Stark et Chrstine Frey repartirent vers Port-Royal tandis que Jean Targaryen resta discuter avec Jon "Sait-Rien" Stark.');
```

Results:
```
  ['Jon Stark', 'Arya Stark', 'Claude Baratheon', 'Jean Targaryen', 'Christine Frey', 'Bernard Martell', 'Francis Tyrell', 'Chrstine Frey']
``` 

## Init environment for development

``` bash
# install Yarn
npm install -g yarn
```

## Build Setup

``` bash
# install dependencies
yarn
```

## Lint and Test
```
# start linter
yarn lint

# fix linter errors
yarn lint:fix

# run all tests
yarn test

# run all tests in watch mode
yarn test:watch
```
npm package: @pierretrolle/words-counter
Description: A words' occurrence counter
Author: Pierre Trollé
Latest version: 2.0.0

# Words Counter

> A library to count words' occurrence   

## Install
``` sh
yarn add @pierretrolle/words-counter
```

## Usage

```js
var wordsCounter = require('@pierretrolle/words-counter');

wordsCounter('This is a text with some text double occurrences.');
```

Results:
```
  {
    "double": 1,
    "is": 1,
    "occurrences": 1,
    "some": 1,
    "text": 2,
    "this": 1,
    "with": 1
  }
``` 

## Init environment for development

``` bash
# install Yarn
npm install -g yarn@1.10.1
```

## Build Setup

``` bash
# install dependencies
yarn
```

## Lint and Test
```
# start linter
yarn lint

# fix linter errors
yarn lint:fix

# run all tests
yarn test

# run all tests in watch mode
yarn test:watch
```