open-index/open-npm huggingface dataset:
npm package: @ribpay/qr-code-generator
Description: QR Code generator library in multiple languages
Author: Project Nayuki
Latest version: 1.0.6

QR Code generator library - TypeScript
======================================


Introduction
------------

This project aims to be the best, clearest QR Code generator library. The primary goals are flexible options and absolute correctness. Secondary goals are compact implementation size and good documentation comments.

Home page with live JavaScript demo, extensive descriptions, and competitor comparisons: https://www.nayuki.io/page/qr-code-generator-library


Features
--------

Core features:

* Significantly shorter code but more documentation comments compared to competing libraries
* Supports encoding all 40 versions (sizes) and all 4 error correction levels, as per the QR Code Model 2 standard
* Output format: Raw modules/pixels of the QR symbol
* Detects finder-like penalty patterns more accurately than other implementations
* Encodes numeric and special-alphanumeric text in less space than general text
* Open-source code under the permissive MIT License

Manual parameters:

* User can specify minimum and maximum version numbers allowed, then library will automatically choose smallest version in the range that fits the data
* User can specify mask pattern manually, otherwise library will automatically evaluate all 8 masks and select the optimal one
* User can specify absolute error correction level, or allow the library to boost it if it doesn't increase the version number
* User can create a list of data segments manually and add ECI segments

More information about QR Code technology and this library's design can be found on the project home page.


Examples
--------

```typescript
import qrcodegen from "@ribpay/qr-code-generator";
import { toSvgString } from "@ribpay/qr-code-generator/utils";

// Name abbreviated for the sake of these examples here
const QRC = qrcodegen.QrCode;

// Simple operation
const qr0 = QRC.encodeText("Hello, world!", QRC.Ecc.MEDIUM);
const svg = toSvgString(qr0, 4, "#FFFFFF", "#000000");  // See qrcodegen-input-demo

// Manual operation
const segs = qrcodegen.QrSegment.makeSegments("3141592653589793238462643383");
const qr1 = QRC.encodeSegments(segs, QRC.Ecc.HIGH, 5, 5, 2, false);
for (let y = 0; y < qr1.size; y++) {
    for (let x = 0; x < qr1.size; x++) {
        (... paint qr1.getModule(x, y) ...)
    }
}
```

More complete set of examples: https://github.com/nayuki/QR-Code-generator/blob/master/typescript-javascript/qrcodegen-output-demo.ts .
npm package: @ribrary/stepper
Description: A Simple react Stepper component
Author: rhnh
Latest version: 0.1.1

# Introduction 
- Simple stepper for react. Which should the content step by step. 

# installation:
```shell

  npm i @ribrary/stepper 

 ```

It has four components

 - <Stepper> : the main/parent component
 - <StepperNav>  : simple navigation buttons
 - <StepperBar> :  A progress bar to show an over view 
 - <Steps> : A Container to for every step
 - <Step> : optional sub-container for <Steps> for clarity and additional feature.
 
### Basics: 
```js
  <Stepper>
    <StepperBar rgbColor="purple"/>
    <Steps>
      <Step label="Starting">One</Step>      
      <Step label="Second step">two</Step>      
      <Step label="3rd">three</Step>      
      <Step label="fourth">four</Step>      
      <Step label="fifth">five</Step>      
      <Step label="Done">six</Step>      
    </Steps>
    <StepperNav size={50} color="rgb(255, 230, 0)" limiters={true}></StepperNav>
  </Stepper>
```


# Customizing <StepperBar>
```js
<StepperBar   rgbColor="a color name in RGB", size={23} fadePercentage={23}>
```
- rgbColor: name for color button, otherwise you can change with your following css
- size: size of buttons 
- fadePercentage: fade on hover

#  Customizing <StepperNav>
```js

<StepperNav limiters={true} steps={true} rgbColor:"rgb(255,0,0)" size={40}  fadePercentage={32}/>

```

- limiters: end and start buttons
- steps: show all numerics steps
- rgbColor: color for buttons: you can over ride with your own css
- size: size of buttons 

### Using your own next and previous, without using <StepperBar> and <StepperNav>
 - NextStepButton
 - PreviousStepButton
 - CurrentStepButton

 ```js 
 import {PreviousStepButton} from "@ribrary/stepper";
  <Stepper>
    <Steps>
      <div>Hello</div>
      <div>world</div>
      <div>Bye</div>
    </Steps>
  <PreviousStepButton>
      <button>Your button Previous</button>
  </PreviousStepButton>
  <CurrentStepButton>
      <button>Current</button>
  </CurrentStepButton>
  <NextStepButton>
      <button>Your button Next</button>
  </NextStepButton>
</Stepper>

 ```
### Other Customizations
- step-buttons: for all buttons
#### css classes for <StepperNav/>
- stepper-buttons: for all buttons
- stepper-nav: for main section 
- stepper-nav--btns: for all navigation buttons
- stepper-nav--limiters: for start and end buttons 
- stepper-nav--previous: for previous button
- stepper-nav--current: for current buttons
- stepper-nav--next

#### css classes for <StepperBar/>
- stepper-buttons: for all buttons
- stepper-bar: main class for nav
- stepper-bar--btn: for all bar buttons
- stepper-bar--previous: for previous button
- stepper-bar--next: for next button
npm package: @ribxr/kairo
Description: Feature-rich JSON database - 1000x better than alternatives
Author: Onbly Team
Latest version: 1.0.1

# kairo

To install dependencies:

```bash
bun install
```

To run:

```bash
bun run src/index.ts
```

This project was created using `bun init` in bun v1.2.11. [Bun](https://bun.sh) is a fast all-in-one JavaScript runtime.