open-index/open-npm huggingface dataset:
npm package: @stringke/auto-spring-run-config
Description: > This readme is automatically generated by [create-ink-app](https://github.com/vadimdemedes/create-ink-app)
Latest version: 1.0.22

# auto-spring-run-config

> This readme is automatically generated by [create-ink-app](https://github.com/vadimdemedes/create-ink-app)

## Install

```bash
$ npm install --global auto-spring-run-config
```

## CLI

```
$ auto-spring-run-config --help

  Usage
    $ auto-spring-run-config

  Options
    --name  Your name

  Examples
    $ auto-spring-run-config --name=Jane
    Hello, Jane
```
npm package: @stringke/bull
Description: Nest - modern, fast, powerful node.js web framework (@bull)
Latest version: 1.0.1

<p align="center">
  <a href="http://nestjs.com/" target="blank"><img src="https://nestjs.com/img/logo-small.svg" width="120" alt="Nest Logo" /></a>
</p>

[circleci-image]: https://img.shields.io/circleci/build/github/nestjs/nest/master?token=abc123def456
[circleci-url]: https://circleci.com/gh/nestjs/nest

  <p align="center">A progressive <a href="http://nodejs.org" target="_blank">Node.js</a> framework for building efficient and scalable server-side applications.</p>
    <p align="center">
<a href="https://www.npmjs.com/~nestjscore" target="_blank"><img src="https://img.shields.io/npm/v/@nestjs/core.svg" alt="NPM Version" /></a>
<a href="https://www.npmjs.com/~nestjscore" target="_blank"><img src="https://img.shields.io/npm/l/@nestjs/core.svg" alt="Package License" /></a>
<a href="https://www.npmjs.com/~nestjscore" target="_blank"><img src="https://img.shields.io/npm/dm/@nestjs/core.svg" alt="NPM Downloads" /></a>
<a href="https://circleci.com/gh/nestjs/nest" target="_blank"><img src="https://img.shields.io/circleci/build/github/nestjs/nest/master" alt="CircleCI" /></a>
<a href="https://coveralls.io/github/nestjs/nest?branch=master" target="_blank"><img src="https://coveralls.io/repos/github/nestjs/nest/badge.svg?branch=master#9" alt="Coverage" /></a>
<a href="https://discord.gg/G7Qnnhy" target="_blank"><img src="https://img.shields.io/badge/discord-online-brightgreen.svg" alt="Discord"/></a>
<a href="https://opencollective.com/nest#backer" target="_blank"><img src="https://opencollective.com/nest/backers/badge.svg" alt="Backers on Open Collective" /></a>
<a href="https://opencollective.com/nest#sponsor" target="_blank"><img src="https://opencollective.com/nest/sponsors/badge.svg" alt="Sponsors on Open Collective" /></a>
  <a href="https://paypal.me/kamilmysliwiec" target="_blank"><img src="https://img.shields.io/badge/Donate-PayPal-ff3f59.svg"/></a>
    <a href="https://opencollective.com/nest#sponsor"  target="_blank"><img src="https://img.shields.io/badge/Support%20us-Open%20Collective-41B883.svg" alt="Support us"></a>
  <a href="https://twitter.com/nestframework" target="_blank"><img src="https://img.shields.io/twitter/follow/nestframework.svg?style=social&label=Follow"></a>
</p>

## Description

[Bull](https://github.com/OptimalBits/bull) module for [Nest](https://github.com/nestjs/nest).

## Installation

```bash
$ npm i --save @nestjs/bull bull
$ npm i --save-dev @types/bull
```

## Quick Start

[Overview & Tutorial](https://docs.nestjs.com/techniques/queues)

## Support

Nest is an MIT-licensed open source project. It can grow thanks to the sponsors and support by the amazing backers. If you'd like to join them, please [read more here](https://docs.nestjs.com/support).

## People

- Author - [Frederic Woelffel](https://fwoelffel.me)
- Maintainers - [Frederic Woelffel](https://fwoelffel.me) & [Kamil Myśliwiec](https://twitter.com/kammysliwiec)
- Website - [https://nestjs.com](https://nestjs.com/)

## License

Nest is [MIT licensed](https://github.com/nestjs/nest/blob/master/LICENSE).
npm package: @stringke/bullmq
Description: Nest - modern, fast, powerful node.js web framework (@bullmq)
Author: Kamil Mysliwiec
Latest version: 1.0.4

<p align="center">
  <a href="http://nestjs.com/" target="blank"><img src="https://nestjs.com/img/logo-small.svg" width="120" alt="Nest Logo" /></a>
</p>

[circleci-image]: https://img.shields.io/circleci/build/github/nestjs/nest/master?token=abc123def456
[circleci-url]: https://circleci.com/gh/nestjs/nest

  <p align="center">A progressive <a href="http://nodejs.org" target="_blank">Node.js</a> framework for building efficient and scalable server-side applications.</p>
    <p align="center">
<a href="https://www.npmjs.com/~nestjscore" target="_blank"><img src="https://img.shields.io/npm/v/@nestjs/core.svg" alt="NPM Version" /></a>
<a href="https://www.npmjs.com/~nestjscore" target="_blank"><img src="https://img.shields.io/npm/l/@nestjs/core.svg" alt="Package License" /></a>
<a href="https://www.npmjs.com/~nestjscore" target="_blank"><img src="https://img.shields.io/npm/dm/@nestjs/core.svg" alt="NPM Downloads" /></a>
<a href="https://circleci.com/gh/nestjs/nest" target="_blank"><img src="https://img.shields.io/circleci/build/github/nestjs/nest/master" alt="CircleCI" /></a>
<a href="https://coveralls.io/github/nestjs/nest?branch=master" target="_blank"><img src="https://coveralls.io/repos/github/nestjs/nest/badge.svg?branch=master#9" alt="Coverage" /></a>
<a href="https://discord.gg/G7Qnnhy" target="_blank"><img src="https://img.shields.io/badge/discord-online-brightgreen.svg" alt="Discord"/></a>
<a href="https://opencollective.com/nest#backer" target="_blank"><img src="https://opencollective.com/nest/backers/badge.svg" alt="Backers on Open Collective" /></a>
<a href="https://opencollective.com/nest#sponsor" target="_blank"><img src="https://opencollective.com/nest/sponsors/badge.svg" alt="Sponsors on Open Collective" /></a>
  <a href="https://paypal.me/kamilmysliwiec" target="_blank"><img src="https://img.shields.io/badge/Donate-PayPal-ff3f59.svg"/></a>
    <a href="https://opencollective.com/nest#sponsor"  target="_blank"><img src="https://img.shields.io/badge/Support%20us-Open%20Collective-41B883.svg" alt="Support us"></a>
  <a href="https://twitter.com/nestframework" target="_blank"><img src="https://img.shields.io/twitter/follow/nestframework.svg?style=social&label=Follow"></a>
</p>

## Description

[BullMQ](https://github.com/taskforcesh/bullmq) module for [Nest](https://github.com/nestjs/nest).

## Installation

```bash
$ npm i --save @nestjs/bullmq bullmq
```

## Quick Start

[Overview & Tutorial](https://docs.nestjs.com/techniques/queues)

## Support

Nest is an MIT-licensed open source project. It can grow thanks to the sponsors and support by the amazing backers. If you'd like to join them, please [read more here](https://docs.nestjs.com/support).

## People

- Author - [Kamil Myśliwiec](https://twitter.com/kammysliwiec)
- Website - [https://nestjs.com](https://nestjs.com/)

## License

Nest is [MIT licensed](https://github.com/nestjs/nest/blob/master/LICENSE).
npm package: @stringke/dnd-kit-accessibility
Description: A generic toolkit to help with accessibility
Author: Claudéric Demers
Latest version: 3.0.0

# @stringke/dnd-kit-accessibility

[![Stable release](https://img.shields.io/npm/v/@stringke/dnd-kit-accessibility.svg)](https://npm.im/@stringke/dnd-kit-accessibility)

A generic set of components and hooks to help with live region announcements and screen reader instructions. This package is used internally by `@stringke/dnd-kit-core`.
npm package: @stringke/dnd-kit-core
Description: dnd kit – a lightweight React library for building performant and accessible drag and drop experiences
Author: Claudéric Demers
Latest version: 4.0.3

# @stringke/dnd-kit-core

[![Stable release](https://img.shields.io/npm/v/@stringke/dnd-kit-core.svg)](https://npm.im/@stringke/dnd-kit-core)

@dnd-kit – a lightweight React library for building performant and accessible drag and drop experiences.

## Installation

To get started, install the `@stringke/dnd-kit-core` package via npm or yarn:

```
npm install @stringke/dnd-kit-core
```

## Usage

Visit [docs.dndkit.com](https://docs.dndkit.com) to learn how to get started with @dnd-kit.
npm package: @stringke/dnd-kit-modifiers
Description: Translate modifier presets for use with `@dnd-kit` packages.
Author: Claudéric Demers
Latest version: 4.0.0

# @stringke/dnd-kit-modifiers

[![Stable release](https://img.shields.io/npm/v/@stringke/dnd-kit-modifiers.svg)](https://npm.im/@stringke/dnd-kit-sortable)

Modifiers let you dynamically modify the movement coordinates that are detected by sensors. They can be used for a wide range of use cases, for example:

- Restricting motion to a single axis
- Restricting motion to the draggable node container's bounding rectangle
- Restricting motion to the draggable node's scroll container bounding rectangle
- Applying resistance or clamping the motion

## Installation

To start using modifiers, install the modifiers package via yarn or npm:

```
npm install @stringke/dnd-kit-modifiers
```

## Usage

The modifiers repository contains a number of useful modifiers that can be applied on `DndContext` as well as `DragOverlay`.

```jsx
import {DndContext, DragOverlay} from '@dnd-kit';
import {
  restrictToVerticalAxis,
  restrictToWindowEdges,
} from '@stringke/dnd-kit-modifiers';

function App() {
  return (
    <DndContext modifiers={[restrictToVerticalAxis]}>
      {/* ... */}
      <DragOverlay modifiers={[restrictToWindowEdges]}>{/* ... */}</DragOverlay>
    </DndContext>
  );
}
```

As you can see from the example above, `DndContext` and `DragOverlay` can both have different modifiers.

## Built-in modifiers

### Restricting motion to an axis

#### `restrictToHorizontalAxis`

Restrict movement to only the horizontal axis.

#### `restrictToVerticalAxis`

Restrict movement to only the vertical axis.

### Restrict motion to a container's bounding rectangle

#### `restrictToWindowEdges`

Restrict movement to the edges of the window. This modifier can be useful to prevent the `DragOverlay` from being moved outside of the bounds of the window.

#### `restrictToParentElement`

Restrict movement to the parent element of the draggable item that is picked up.

#### `restrictToFirstScrollableAncestor`

Restrict movement to the first scrollable ancestor of the draggable item that is picked up.

### Snap to grid

#### `createSnapModifier`

Function to create modifiers to snap to a given grid size.

```javascript
import {createSnapModifier} from '@stringke/dnd-kit-modifiers';

const gridSize = 20; // pixels
const snapToGridModifier = createSnapModifier(gridSize);
```

### Snap to cursor

#### `snapCenterToCursor`

Snaps the center of the draggable item to the cursor when it is picked up. Has no effect when using the Keyboard sensor.

## Building custom modifiers

To build your own custom modifiers, refer to the implementation of the built-in modifiers of this package.

For example, here is an implementation to create a modifier to snap to grid:

```javascript
const gridSize = 20;

function snapToGrid(args) {
  const {transform} = args;

  return {
    ...transform,
    x: Math.ceil(transform.x / gridSize) * gridSize,
    y: Math.ceil(transform.y / gridSize) * gridSize,
  };
}
```
npm package: @stringke/dnd-kit-sortable
Description: Official sortable preset and sensors for dnd kit
Author: Claudéric Demers
Latest version: 5.1.0

# @stringke/dnd-kit-sortable

[![Stable release](https://img.shields.io/npm/v/@stringke/dnd-kit-sortable.svg)](https://npm.im/@stringke/dnd-kit-sortable)

The sortable preset provides the building blocks to build sortable interfaces with @dnd-kit.

## Installation

To get started, install the sortable preset via npm or yarn:

```
npm install @stringke/dnd-kit-sortable
```

## Architecture

The sortable preset builds on top of the primitives exposed by `@stringke/dnd-kit-core` to help building sortable interfaces.

The sortable preset exposes two main concepts: `SortableContext` and the `useSortable` hook:

- The SortableContext provides information via context that is consumed by the `useSortable` hook.
- The useSortable hook is an abstraction that composes the `useDroppable` and `useDraggable` hooks.

![The useSortable hook is an abstraction that composes the useDroppable and useDraggable hooks](/.github/assets/use-sortable.png)

## Usage

Visit [docs.dndkit.com](https://docs.dndkit.com/presets/sortable) to learn how to use the Sortable preset.
npm package: @stringke/dnd-kit-utilities
Description: Internal utilities to bee shared between `@dnd-kit` packages
Author: Claudéric Demers
Latest version: 3.0.2

# @stringke/dnd-kit-utilities

[![Stable release](https://img.shields.io/npm/v/@stringke/dnd-kit-utilities.svg)](https://npm.im/@stringke/dnd-kit-sortable)

Internal utilities to bee shared between `@dnd-kit` packages.
npm package: @stringke/formik-chakra-ui
Description: (modify) Bindings for using Formik with Chakra UI.
Author: StringKE
Latest version: 1.4.8

# Chakra UI Bindings for Formik 🧵

Bindings for using [Formik](https://github.com/jaredpalmer/formik) with [Chakra UI](http://next.chakra-ui.com).

[![license](https://badgen.now.sh/badge/license/MIT)](./LICENSE)
![npm](https://img.shields.io/npm/dt/formik-chakra-ui)

## Why?

[Inversion of Control](https://kentcdodds.com/blog/inversion-of-control) is
really cool and [Compound Components](https://kentcdodds.com/blog/inversion-of-control#compound-components) do provide really flexible API.

Yet this library is opinionated, provides bindings for Formik, with necessary paddings etc. You can easily opt-out continue to use Chakra UI if you need custom components. But this library will support %90 of the use-cases when building forms.

## Getting started

`yarn add @chakra-ui/react @emotion/react @emotion/styled framer-motion formik formik-chakra-ui`

Or

`npm i @chakra-ui/react @emotion/react @emotion/styled framer-motion formik formik-chakra-ui`

Than setup providers.

```jsx
import * as React from 'react';
// 1. import `ChakraProvider` component
import { ChakraProvider } from '@chakra-ui/react';

function App() {
  // 2. Use at the root of your app
  return (
    <ChakraProvider>
      <App />
    </ChakraProvider>
  );
}
```

## Documentation

All documentation can be found [here](https://happy-lovelace-6f257c.netlify.app/)

## Example

[Codesandbox example](https://codesandbox.io/s/formik-chakra-ui-27yzm?file=/src/Form.tsx)

## Progress

### Components

- [x] Button
- [x] Checkbox
- [ ] Editable 👀
- [x] Input
- [x] Number Input
- [x] Pin Input
- [x] Radio (`<RadioGroup/>`)
  - [x] Rendering util function/component for `<Radio/>`
- [x] Select
- [x] Slider
- [x] Switch
- [x] Textarea

### Utility Components

- [x] Submit button
- [x] Reset button
- [x] Form progress