open-index/open-npm huggingface dataset:
npm package: @qwos/ui
Description: QWOS Vue UI Kit Library
Latest version: 1.0.1

# QWOS UI Kit

QWOS UI Kit - это набор Vue-компонентов, с помощью которых можно создавать интерфейсы, использующие нашу дизайн систему

## Установка зависимостей
```
npm install
```

### Сборка библиотеки
```
npm run build
```
npm package: @qwp/eslint-config-standard-with-typescript
Description: An ESLint Shareable Config for JavaScript Standard Style with TypeScript support
Author: Shahar Or
Latest version: 21.0.4

[![Build Status](https://travis-ci.com/standard/eslint-config-standard-with-typescript.svg?branch=master)](https://travis-ci.com/standard/eslint-config-standard-with-typescript)
[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
[![Releases](https://coderelease.io/badge/standard/eslint-config-standard-with-typescript)](https://coderelease.io/github/repository/standard/eslint-config-standard-with-typescript)

# eslint-config-standard-with-typescript

An [ESLint shareable config](https://eslint.org/docs/developer-guide/shareable-configs) for TypeScript that is based on [eslint-config-standard](https://github.com/standard/eslint-config-standard) and has TypeScript specific rules from [@typescript-eslint/eslint-plugin](https://www.npmjs.com/package/@typescript-eslint/eslint-plugin).

## Usage

`npm@<7` does not automatically install `peerDependencies`,
so if that's what you're using, install them manually.
Here is an example, but use it only for reference,
because your decisions regarding version ranges and range specifiers may vary.

```
npm install --save-dev \
  typescript@\* \
  eslint@^7.12.1 \
  eslint-plugin-promise@^5.0.0 \
  eslint-plugin-import@^2.22.1 \
  eslint-plugin-node@^11.1.0 \
  @typescript-eslint/eslint-plugin@^4.0.1 \
  eslint-config-standard-with-typescript@latest
```

Yes, this is a large number of packages. This is due to [a known limitation in ESLint](https://github.com/eslint/eslint/issues/3458).

This list of dependencies is:

- TypeScript, which you may already have installed
- [ESLint](https://github.com/eslint/eslint)
- 3 Peer dependencies of [eslint-config-standard](https://github.com/standard/eslint-config-standard)
- [@typescript-eslint/eslint-plugin](https://www.npmjs.com/package/@typescript-eslint/eslint-plugin); ESLint rules for TypeScript.
- This package

Here is an example `.eslintrc.js`:

```js
module.exports = {
  extends: 'standard-with-typescript',
  parserOptions: {
    project: './tsconfig.json'
  }
}
```

Note: Please read some important instructions regarding the `project` option [here](https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/parser/README.md#configuration).

There are [some more `parserOptions`](https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/parser/README.md#configuration) you may care about.

If you're using ESLint v6 make sure you read about [the `--ext` command line option](https://eslint.org/docs/user-guide/command-line-interface#ext).

Example command line usage for ESLint v6:

```
$ npx eslint --ext .js,.ts .
```

Example command line usage for ESLint v7:

```
$ npx eslint .
```
npm package: @qwp/react-scroll-up
Description: React component to render element for scroll to top of page
Author: Milos Janda
Latest version: 1.1.2

# react-scroll-up
[![npm version](https://badge.fury.io/js/react-scroll-up.svg)](https://badge.fury.io/js/react-scroll-up)
[![License](https://img.shields.io/npm/l/react-scroll-up.svg)](https://github.com/so1ve/react-scroll-up/blob/master/LICENSE)
[![Dependency Status](https://img.shields.io/david/so1ve/react-scroll-up.svg)]()
[![peerDependency Status](https://img.shields.io/david/peer/so1ve/react-scroll-up.svg)]()
[![Build status](https://travis-ci.org/so1ve/react-scroll-up.svg?branch=master)](https://travis-ci.org/so1ve/react-scroll-up)
[![Downloads](https://img.shields.io/npm/dm/react-scroll-up.svg)]()

React component to add custom button (it can be something what you want) for scroll to top of page.

Library uses [requestAnimationFrame](https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame),
if you want better browser compatibility (IE9 and older), you can use something like  [https://gist.github.com/paulirish/1579671].


## Install

```npm
npm install @qwp/react-scroll-up
```

## How to use it

[Live demo](http://milosjanda.github.io/react-scroll-up/)

You have to define children element, for example `<span>UP</span>`

```jsx
<ScrollToTop showUnder={160}>
  <span>UP</span>
</ScrollToTop>
```

## Parameters

### showUnder:number in px (required) 

What position (and below) the button will be displayed.

### topPosition:number in px (optional)

default: 0

The position to which the scrollbar be moved after clicked.

### easing:string (optional)

default: easeOutCubic

Type of scrolling easing. You can specify some of this type of easing: https://github.com/chenglou/tween-functions

In graphical representation: http://sole.github.io/tween.js/examples/03_graphs.html

### duration:number in miliseconds (optional)

default: 250

Time to reach the `topPosition`

### onShow:function (optional)

Callback function to be called when the button is being displayed.

### onHide:function (optional)

Callback function to be called when the button is being hidden.

### style:object (optional)

### other props...

default:  

```javascript
{
  position: 'fixed',
  bottom: 50,
  right: 30,
  cursor: 'pointer',
  transitionDuration: '0.2s',
  transitionTimingFunction: 'linear',
  transitionDelay: '0s'
}
```

You can specify you own style and position of the button.

Hide/show button is based on opacity, so this styles `opacity` and `transitionProperty` will be all time overwrite.

If you can positioned button to left site, you have to reset css property `right: 'auto'`, and similar.
npm package: @qwq-net/core
Description: qwq-editor の設定定義・Markdown シリアライザ・ストレージアダプタを提供するコアパッケージです。
Latest version: 0.0.1

# @qwq-net/core

qwq-editor の設定定義・Markdown シリアライザ・ストレージアダプタを提供するコアパッケージです。

## License

MIT
npm package: @qwq-net/instant
Description: Vite / Astro プロジェクトに qwq-editor を組み込むためのプラグイン・インテグレーションです。
Latest version: 0.0.1

# @qwq-net/instant

Vite / Astro プロジェクトに qwq-editor を組み込むためのプラグイン・インテグレーションです。

## License

MIT
npm package: @qwqui/center
Description: The `Center` component provides a flexible way to center its children either in a block or inline context.
Latest version: 1.0.1-alpha.0

# @qwqui/center

The `Center` component provides a flexible way to center its children either in a block or inline context.

## Install

```bash
pnpm add @qwqui/center
```

## Usage

```typescript
import React from 'react';
import { Center } from '@qwqui/center';

const Example = () => (
  <Center inline>
    <span>Your content here</span>
  </Center>
);
```

## Props

| Name | Type | Description |
|---|---|---|
| children | `React.ReactNode` | The content to be centered. |
| inline | `boolen` | If true, applies `inline-flex` display type; otherwise, applies `flex`. Defaults to `false`. |

## License

- MIT
npm package: @qwtel/allotment
Description: React split-pane component
Author: johnwalley
Latest version: 1.2.4
Deprecated: Do not use

[![CI status](https://github.com/johnwalley/allotment/actions/workflows/node.js.yml/badge.svg)](https://github.com/johnwalley/allotment/actions/workflows/node.js.yml)
[![GitHub license](https://img.shields.io/npm/l/allotment?style=plastic)](https://github.com/johnwalley/allotment/blob/main/LICENSE)
[![NPM](https://img.shields.io/npm/v/allotment?style=plastic&color=green)](https://npmjs.com/package/allotment/)

<p align="center">
    <a href="https://github.com/johnwalley/allotment">
    <img src="./assets/logo.svg" alt="Logo" height="120">
  </a>
  
  <h3 align="center">Allotment</h3>

  <p align="center">
    React split-pane component.
  </p>
  
  <p align="center">
    <img align="center" src="https://user-images.githubusercontent.com/981531/133465908-0f9c28e9-9da3-4faf-959e-ec36393acd0a.gif" />
  </p>
</p>

- **React-based:** Integrate effortlessly into your existing React-based application.
- **Industry standard look and feel:** Like VS Code's split view implementation? You're in luck! This component is derived from the same codebase.
- **Dynamic:** Want to declaratively add and remove panes? We've got you covered.

## Getting Started

Allotment is available from npm.

### Prerequisites

Allotment has `react` and `react-dom` as peer dependencies.

```sh
yarn add react react-dom
```

### Installation

```sh
yarn add allotment
```

## Usage

```jsx
import React from "react";
import { Allotment } from "allotment";

export const App = () => (
  <Allotment>
    <ComponentA>
    <ComponentB>
  </Allotment>
);
```
npm package: @qwu4xyv/system
Description: xyflow core system that powers React Flow and Svelte Flow.
Latest version: 0.0.25

# @xyflow/system

Core system that powers React Flow and Svelte Flow.

## Installation 

```sh 
npm install @xyflow/system
```

## What is this package about?

The @xyflow/system package was created to have a place for vanilla utils for React Flow and Svelte Flow. The package exports helpers for edge creation, pan and zoom, dragging of nodes, general utils and lots of types. All the helpers are specifically built for React Flow and Svelte Flow so it's probably not too interesting to use them with other libraries. 

### XYPanZoom

Adds zoom and pan for the pane. 

### XYDrag

Adds drag for nodes and selection.

### XYHandle 

Adds connection line drawing.

### XYMinimap 

Adds interactive mini map (zoom and pan).

### Edge utils 

Util function for SVG edge path creating.

### Store utils

Helpers for store functions.

### Dom utils

### Marker utils

### Graph utils

### General utils
npm package: @qwu4xyv/system-flow
Description: xyflow core system that powers React Flow and Svelte Flow.
Latest version: 0.0.26

# @xyflow/system

Core system that powers React Flow and Svelte Flow.

## Installation 

```sh 
npm install @xyflow/system
```

## What is this package about?

The @xyflow/system package was created to have a place for vanilla utils for React Flow and Svelte Flow. The package exports helpers for edge creation, pan and zoom, dragging of nodes, general utils and lots of types. All the helpers are specifically built for React Flow and Svelte Flow so it's probably not too interesting to use them with other libraries. 

### XYPanZoom

Adds zoom and pan for the pane. 

### XYDrag

Adds drag for nodes and selection.

### XYHandle 

Adds connection line drawing.

### XYMinimap 

Adds interactive mini map (zoom and pan).

### Edge utils 

Util function for SVG edge path creating.

### Store utils

Helpers for store functions.

### Dom utils

### Marker utils

### Graph utils

### General utils