open-index/open-npm huggingface dataset:
npm package: @plurio/intake
Description: Client-side traffic source detection, cookie-based attribution, and click ID tracking
Author: Plurio
Latest version: 2.0.1

# Intake

Privacy-first JavaScript library for client-side traffic source detection, cookie-based attribution, and click ID tracking.

[![npm version](https://img.shields.io/npm/v/@plurio/intake.svg)](https://www.npmjs.com/package/@plurio/intake)
[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE)

## Features

- **Traffic source detection** — UTM parameters, organic search (Google, Bing, DuckDuckGo, Ecosia, Brave, Baidu), referral, and direct
- **11 click IDs tracked** — gclid, fbclid, msclkid, ttclid, li_fat_id, twclid, sccid, dclid, gbraid, wbraid, ko_click_id
- **Multi-touch attribution** — first, last, linear, U-shaped, and time-decay models
- **Consent Mode v2** — respects CMP signals; no cookies when consent is denied
- **Cookieless fallback** — parameter forwarding and URL passthrough preserve attribution without persistent storage
- **dataLayer integration** — pushes `intk_ready`, `intk_email`, `intk_phone` events
- **Zero dependencies** — ~14 kB gzipped

## Quick Start

```bash
npm install @plurio/intake
```

```javascript
import intk from '@plurio/intake';

intk.init({
  domain: 'example.com',
  lifetime: 6
});

// Get current traffic source
const source = intk.get.current.src;
const medium = intk.get.current.mdm;
const campaign = intk.get.current.cmp;
```

## Builds

| File | Format | Use case |
|------|--------|----------|
| `intake.js` | UMD | Script tag, legacy bundlers |
| `intake.esm.js` | ESM | Modern bundlers (Vite, webpack, etc.) |
| `intake.gtm.js` | ES5 | Google Tag Manager Custom HTML tag |

## Script Tag

```html
<script src="https://cdn.example.com/intake.js"></script>
<script>
  intk.init({ domain: 'example.com', lifetime: 6 });
</script>
```

## GTM (Custom HTML Tag)

Paste the contents of `intake.gtm.js` directly into a Custom HTML tag in GTM:

```html
<script>
  // Paste the full contents of intake.gtm.js here
  // ...

  intk.init({
    domain: 'example.com',
    lifetime: 6
  });
</script>
```

## Documentation

Full documentation: [intake.plurio.ai](https://intake.plurio.ai)

- [Installation](docs/01-installation.md)
- [Quick Start](docs/02-quick-start.md)
- [Configuration](docs/03-configuration.md)
- [API & Usage](docs/04-api-and-usage.md)
- [Cookies](docs/05-cookies.md)
- [Limitations](docs/06-limitations.md)

## License

[MIT](LICENSE)
npm package: @pluritech/auth-service
Description: ## Installation
Author: Luis H. Moreno
Latest version: 2.1.0

# auth-service

## Installation

To install this library, run:

```bash
$ npm install auth-service --save
```

## Consuming your library

Once you have published your library to npm, you can import your library in any Angular application by running:

```bash
$ npm install auth-service
```

and then from your Angular `AppModule`:

```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Import your library
import { SampleModule } from 'auth-service';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,

    // Specify your library as an import
    LibraryModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

Once your library is imported, you can use its components, directives and pipes in your Angular application:

```xml
<!-- You can now use your library component in app.component.html -->
<h1>
  {{title}}
</h1>
<sampleComponent></sampleComponent>
```

## Development

To generate all `*.js`, `*.d.ts` and `*.metadata.json` files:

```bash
$ npm run build
```

To lint all `*.ts` files:

```bash
$ npm run lint
```

## License

MIT © [Luis H. Moreno](mailto:luishmcmoreno@gmail.com)
npm package: @pluritech/camera-directive
Description: ## Installation
Author: mduraes1994
Latest version: 0.1.2

# camera-directive

## Installation

To install this library, run:

```bash
$ npm install camera-directive --save
```

## Consuming your library

Once you have published your library to npm, you can import your library in any Angular application by running:

```bash
$ npm install camera-directive
```

and then from your Angular `AppModule`:

```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Import your library
import { SampleModule } from 'camera-directive';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,

    // Specify your library as an import
    LibraryModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

Once your library is imported, you can use its components, directives and pipes in your Angular application:

```xml
<!-- You can now use your library component in app.component.html -->
<h1>
  {{title}}
</h1>
<sampleComponent></sampleComponent>
```

## Development

To generate all `*.js`, `*.d.ts` and `*.metadata.json` files:

```bash
$ npm run build
```

To lint all `*.ts` files:

```bash
$ npm run lint
```

## License

MIT © [mduraes1994](mailto:mduraes1994@gmail.com)
npm package: @pluritech/ion-codepush
Description: Angular 2 Provider used at [Pluritech](https://www.pluritech.com.br) to updates our Ionic Apps using [CodePush](https://microsoft.github.io/code-push).
Author: Luis H. Moreno
Latest version: 1.0.5

# pluritech-ion-codepush

Angular 2 Provider used at [Pluritech](https://www.pluritech.com.br) to updates our Ionic Apps using [CodePush](https://microsoft.github.io/code-push).

## Installation

To install this library, run:

```bash
$ npm install  --save pluritech-ion-codepush
```

## Consuming

Import the library in any Angular application by adding then from your Angular `AppModule`:

```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Import Ionic Native CodePush Provider
import { CodePush } from '@ionic-native/code-push';

// Import your library
import { CodePushService } from '@pluritech/ion-codepush';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
  ],
  // Include both in providers
  providers: [CodePush, CodePushService],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

Once the library is imported, don't forget to add ``CodePushService`` to `app.component.ts`:

```typescript

import { CodePushService } from '@pluritech/ion-codepush';


export class MyApp {

  constructor(codePush: CodePushService) { }
```

That's it. The ``CodePushService`` will do the work.

## Development

To generate all `*.js`, `*.js.map` and `*.d.ts` files:

```bash
$ npm run tsc
```

To lint all `*.ts` files:

```bash
$ npm run lint
```

## License

MIT © [Pluritech](mailto:dev@pluritech.com.br)
npm package: @pluritech/ion-mask
Description: This library is based on service of awesome  https://github.com/JsDaddy/ngx-mask, as this don't work with Ionic 2+ because of the way they wrap the input inside an ion-input, we create ion-mask that gather https://github.com/JsDaddy/ngx-mask and  https://
Author: Lucas Correa
Latest version: 1.2.0

# ion-mask
  This library is based on service of awesome  https://github.com/JsDaddy/ngx-mask, as this don't work with Ionic 2+ because of the way they wrap the input inside an ion-input, we create ion-mask that gather https://github.com/JsDaddy/ngx-mask and  https://github.com/Pluritech/ion-currencymask .

<p align="center">
  <img src="./ion-mask.gif">
</p>

## Installation

To install this library, run:

```bash
$ npm install @pluritech/ion-mask --save
```

## Consuming your library

and then from your Ionic `AppModule`:

```typescript
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { MyApp } from './app.component';

import { HomePage } from '../pages/home/home';


// Import your library
import { IonMaskModule } from '@pluritech/ion-mask';

@NgModule({
  declarations: [
    MyApp,
    HomePage
  ],
  imports: [
    BrowserModule,

    // import the module
    IonMaskModule.forRoot()
  ],
  providers: [],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    HomePage
  ]
})
export class AppModule { }
```

Once the library is imported, you can use the compenents ion-input-mask

```xml
<!-- You can now use your library component in app.component.html -->
  <form [formGroup]="formTest" novalidate>
    <ion-input-mask
      label="Phone"
      typeInput="tel"
      placeholder="(99) 9999-9999"
      typeLabel="fixed"
      formControlName="phone"
      mask="(99) 9999-9999">
    </ion-input-mask>
    <ion-input-mask
      label="Cel"
      placeholder="(99) 9 9999-9999"
      typeLabel="fixed"
      formControlName="cel"
      [clearIfNotMatch]="true"
      [dropSpecialCharacters]="false"
      mask="(99) 9 9999-9999">
    </ion-input-mask>
    <ion-input-mask
      label="CEP"
      placeholder="999.999.999-99"
      typeLabel="fixed"
      formControlName="cep"
      [clearIfNotMatch]="true"
      [lastChild]="true"
      [dropSpecialCharacters]="false"
      mask="99.999-999">
    </ion-input-mask>
  </form>
```

### Patterns
   We have these following default patterns to use it in mask attribute:
   
  | code | meaning |
  |------|---------|
  | **0** | digits (like 0 to 9 numbers) |
  | **9** | digits (like 0 to 9 numbers), but optional |
  | **A** | letters (uppercase or lowercase) and digits |
  | **S** | only letters (uppercase or lowercase) |

## Development

To generate all `*.js`, `*.d.ts` and `*.metadata.json` files:

```bash
$ npm run build
```

To lint all `*.ts` files:

```bash
$ npm run lint
```

## License

MIT © [Lucas Correa](mailto:lucasccorrea@gmail.com)
npm package: @pluritech/ion-pluriutils
Description: ## Installation
Author: Luis H. Moreno
Latest version: 1.0.1

# ion-pluriutils

## Installation

To install this library, run:

```bash
$ npm install @pluritech/ion-pluriutils --save
```

## Consuming your library

Once you have published your library to npm, you can import your library in any Angular application by running:

```bash
$ npm install @pluritech/ion-pluriutils
```

and then from your Angular `AppModule`:

```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Import your library
import { SampleModule } from 'ion-pluriutils';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,

    // Specify your library as an import
    LibraryModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

Once your library is imported, you can use its components, directives and pipes in your Angular application:

```xml
<!-- You can now use your library component in app.component.html -->
<terms-and-privacy></terms-and-privacy>
```

## Development

To generate all `*.js`, `*.d.ts` and `*.metadata.json` files:

```bash
$ npm run build
```

To lint all `*.ts` files:

```bash
$ npm run lint
```

## License

MIT © [Luis H. Moreno](mailto:luis@pluritech.com.br)
npm package: @pluritech/ionicons
Description: Premium icons for Ionic.
Author: Ben Sperry
Latest version: 3.0.0

# Ionicons


Premium icons for [Ionic](http://ionicframework.com/). Designed by [@benjsperry](https://twitter.com/benjsperry).

Note: All brand icons are trademarks of their respective owners. The use of these trademarks does not indicate endorsement of the trademark holder by Drifty, nor vice versa.

Visit [ionicons.com](http://ionicons.com) and  check out the search feature, which has keywords identifying common icon names and styles. For example, if you search for “arrow” we call up every icon that could possibly be used as an arrow. We’ve also included each icon’s class name for easy copy/pasting when you’re developing!

We intend for this icon pack to be used with [Ionic](http://ionicframework.com/), but it’s by no means limited to it. Use them wherever you see fit, personal or commercial. They are free to use and licensed under [MIT](http://opensource.org/licenses/MIT).


## License

Ionicons is licensed under the [MIT license](http://opensource.org/licenses/MIT).
npm package: @pluritech/mynewicons
Description: Premium icons for Ionic.
Author: Ben Sperry
Latest version: 3.0.2

# Ionicons


Premium icons for [Ionic](http://ionicframework.com/). Designed by [@benjsperry](https://twitter.com/benjsperry).

Note: All brand icons are trademarks of their respective owners. The use of these trademarks does not indicate endorsement of the trademark holder by Drifty, nor vice versa.

Visit [ionicons.com](http://ionicons.com) and  check out the search feature, which has keywords identifying common icon names and styles. For example, if you search for “arrow” we call up every icon that could possibly be used as an arrow. We’ve also included each icon’s class name for easy copy/pasting when you’re developing!

We intend for this icon pack to be used with [Ionic](http://ionicframework.com/), but it’s by no means limited to it. Use them wherever you see fit, personal or commercial. They are free to use and licensed under [MIT](http://opensource.org/licenses/MIT).


## License

Ionicons is licensed under the [MIT license](http://opensource.org/licenses/MIT).
npm package: @pluritech/ng-autocomplete-address
Description: ## Installation
Author: Lucas Correa
Latest version: 0.1.2

# Directive to autocomplete address using Google API

## Installation

To install:

```bash
$ npm install @pluritech/ng-autocomplete-address --save
```

## Include script maps.googleapis.com
```xml
  <!-- index.html -->
<script src="https://maps.googleapis.com/maps/api/js?v=3&libraries=places"></script>
```

and then from your Angular `AppModule`:

```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Import the Module
import { AutoCompleteAddressModule } from '@pluritech/ng-autocomplete-address';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,

    AutoCompleteAddressModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

Once your library is imported, you can use its components, directives and pipes in your Angular application:

```xml
<!-- You can now use your library component in app.component.html -->
<h1>
  {{title}}
</h1>
<input autoCompleteAddress />
```

## Development

To generate all `*.js`, `*.d.ts` and `*.metadata.json` files:

```bash
$ npm run build
```

To lint all `*.ts` files:

```bash
$ npm run lint
```

## License

MIT © [Lucas Correa](mailto:lucasccorrea@gmail.com)
npm package: @pluritech/ng-image-preview
Description: <p align="center">   <img src="./img-preview.gif"> </p>
Author: Lucas Correa & Mateus Durães
Latest version: 1.2.0

# Angular Image Preview
<p align="center">
  <img src="./img-preview.gif">
</p>

This library was creating to abstract the [LQIP – Low Quality Image Placeholders](http://www.guypo.com/introducing-lqip-low-quality-image-placeholders/) technique used by Medium and Instagram to Angular apps. The code was implemented inspired by this awesome [codepen](https://codepen.io/jmperez/pen/yYjPER) made by [@JMPerez](https://github.com/JMPerez).

And we used [RandomUser API](https://randomuser.me) to make our tests in development environment.

## How it works? (short explanation)

First, we load the image with low quality and it is really fast. So, the user who have a slow internet can see a preview of what is coming.
Then, we load the same image, but, with a high quality.

It is a short explanation of how this technique works, if you want to know more, just visit the links above!

## Installation

To install this library, run:

```bash
$ npm install @pluritech/ng-image-preview --save
```

## Using the ng-image-preview

```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Import the library
import { NgImagePreviewModule } from '@pluritech/ng-image-preview';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,

    // Specify the library as an import
    NgImagePreviewModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

Once the library is imported, you can use image-preview component in your Angular application:

```xml
<div *ngFor="let picture of pictures">
  <image-preview
   [lowImage]="picture.thumbnail"
   [hqImage]="picture.large"
   paddingBottom="95%"
   fallbackSrc="./assets/no-image-box.png"
   filterLowImage="blur(10px)">
  </image-preview>
</div>
```

## Parameters
| Parameter        | Description           |
| ------------- |:-------------:|
| lowImage     | low image url |
| hqImage     |  high quality image url |
| paddingBottom | a padding-bottom value, to prevent the reflow, default is 66.6%       |
| fallbackSrc | a path to fallback image the will replace the hqImage if occur an error on load      |
| bgPlaceholder | a background-color value to fill the placeholder 'container'      |
| filterLowImage | a filter value to image small like 'blur(10px)'. Default is 'blur(20px)'       |
| alt | a value 'alt' to both, low image and high image       |
| title | a value 'title' to both, low image and high image       |


## To do
* Manage images in cache

Feel free to make your pull request.

## Fix Issues
* 1.1.1 - Now you can use the operator Elvis to load data async, without the needed of use the *ngIf

## Authors

* Lucas Corrẽa: https://github.com/lucascco
* Luis Moreno: https://github.com/luishmcmoreno
* Mateus Durâes: https://github.com/mateusduraes

## License

MIT © [Lucas Correa & Mateus Durães & Luis Moreno](mailto:lucasccorrea@gmail.com)
npm package: @pluritech/ng-preparedate
Description: ## Installation
Author: Luis Moreno
Latest version: 1.0.6

# ng-preparedate

## Installation

To install this library, run:

```bash
$ npm install ng-preparedate --save
```

## Consuming your library

Once you have published your library to npm, you can import your library in any Angular application by running:

```bash
$ npm install ng-preparedate
```

and then from your Angular `AppModule`:

```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Import your library
import { SampleModule } from 'ng-preparedate';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,

    // Specify your library as an import
    LibraryModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

Once your library is imported, you can use its components, directives and pipes in your Angular application:

```xml
<!-- You can now use your library component in app.component.html -->
<h1>
  {{title}}
</h1>
<sampleComponent></sampleComponent>
```

## Development

To generate all `*.js`, `*.d.ts` and `*.metadata.json` files:

```bash
$ npm run build
```

To lint all `*.ts` files:

```bash
$ npm run lint
```

## License

MIT © [Luis Moreno](mailto:luishmcmoreno@gmail.com)
npm package: @pluritech/pagination
Description: This Angular Library can help you to make easy paginate. (Need server side)
Author: Lucas C. Correa &amp;&amp; Mateus Duraes
Latest version: 1.0.3

# @pluritech/pagination

This Angular Library can help you to make easy paginate. (Need server side)

![Paginator preview](./paginator.png)

## Installation

To install this library, run:

```bash
$ npm install @pluritech/pagination --save
```

## Importing the PaginationModule

Once you have installed the library with npm, you need now to import PaginationModule in your main application module:

and then from your Angular `AppModule`:

```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';


// Import pagination library
import { PaginationModule } from '@pluritech/pagination';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    // Specify the library in imports
    PaginationModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

Once the library is imported, you can use the paginator component like the following:

```xml
<pluritech-pagination 
  [total]="500" 
  [limit]="9"
  (changePage)="handleChangePage($event)">
</pluritech-pagination>
```

## How it works?

The paginator component has some events. You can click directly in a page, or, you can click in one of the arrow-buttons (right/left), when you do it a event will be emitted with the following data (JavaScript object):

Key | Value
--- | -----
limit | The limit of registers in each page 
nPage | The number of the page you're going
offset | The number of registers will not be included in the next query to the server
total | The total of registers you have

You can also change the pages pressing the mouse on the arrow-buttons, in this case, the event will be emitted only when the mouse leaves the button or on the mouseup event.

## Credits
[Generator Angular 2 Library](https://github.com/jvandemo/generator-angular2-library)


## License

MIT © [Lucas C. Correa &amp;&amp; Mateus Duraes](mailto:lucas@pluritech.com.br)
npm package: @pluritech/pluriicons
Description: Premium icons for Ionic.
Author: Ben Sperry
Latest version: 3.0.5

# Pluriicons

this repository is a clone from ionicons. We from Pluritech need to include some icons in our projects that should be compatible with ionic-angular components.

## Ionicons

Premium icons for [Ionic](http://ionicframework.com/). Designed by [@benjsperry](https://twitter.com/benjsperry).

Note: All brand icons are trademarks of their respective owners. The use of these trademarks does not indicate endorsement of the trademark holder by Drifty, nor vice versa.

Visit [ionicons.com](http://ionicons.com) and  check out the search feature, which has keywords identifying common icon names and styles. For example, if you search for “arrow” we call up every icon that could possibly be used as an arrow. We’ve also included each icon’s class name for easy copy/pasting when you’re developing!

We intend for this icon pack to be used with [Ionic](http://ionicframework.com/), but it’s by no means limited to it. Use them wherever you see fit, personal or commercial. They are free to use and licensed under [MIT](http://opensource.org/licenses/MIT).


## License

Ionicons is licensed under the [MIT license](http://opensource.org/licenses/MIT).
npm package: @pluritech/server-service
Description: ## Installation
Author: Luis H. Moreno
Latest version: 3.0.2

# @pluritech/server-service

## Installation

To install this library, run:

```bash
$ npm install @pluritech/server-service --save
```

## Consuming this library

You can import this library in any Angular application by running:

```bash
$ npm install @pluritech/server-service
```

and then from your Angular `AppModule`:

```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Import your library
import { ServerServiceModule } from '@pluritech/server-service';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,

    // Specify your library as an import
    ServerServiceModule.forRoot()
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

Now, we can use ServerService to control authentication

## Features
### Time out - Scope Global
You can provide one limit time in (ms) to the requests, if this limit time exceed, the request will break out and error of TimeOut will be throw. To provide the limit time, just put it as param on forRoot(time?: number):
The time default is: 8000 ms

```typescript
  imports: [
    BrowserModule,

    // Specify your library as an import with limit time of 10 seconds
    ServerServiceModule.forRoot(10000: number)
  ],
```
## Development

To generate all `*.js`, `*.d.ts` and `*.metadata.json` files:

```bash
$ npm run build
```

To lint all `*.ts` files:

```bash
$ npm run lint
```

## License

MIT © [Luis H. Moreno](mailto:luis@pluritech.com.br)
npm package: @pluritech/testttt
Description: ## Installation
Author: Luis H. Moreno
Latest version: 0.1.0

# testttt

## Installation

To install this library, run:

```bash
$ npm install testttt --save
```

## Consuming your library

Once you have published your library to npm, you can import your library in any Angular application by running:

```bash
$ npm install testttt
```

and then from your Angular `AppModule`:

```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Import your library
import { SampleModule } from 'testttt';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,

    // Specify your library as an import
    LibraryModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

Once your library is imported, you can use its components, directives and pipes in your Angular application:

```xml
<!-- You can now use your library component in app.component.html -->
<h1>
  {{title}}
</h1>
<sampleComponent></sampleComponent>
```

## Development

To generate all `*.js`, `*.d.ts` and `*.metadata.json` files:

```bash
$ npm run build
```

To lint all `*.ts` files:

```bash
$ npm run lint
```

## License

MIT © [Luis H. Moreno](mailto:luishmcmoreno@gmail.com)
npm package: @plurix/cart-club-alert
Description: ```bash yarn add @plurix/cart-club-alert npm install @plurix/cart-club-alert ```
Author: icaro paiva
Latest version: 0.4.0

## Installation

```bash
yarn add @plurix/cart-club-alert
npm install @plurix/cart-club-alert
```

## Example

```tsx
import { CartClubAlert } from '@plurix/cart-club-alert';

export const Component = () => {
  return (
    <CartClubAlert
      discount="R$ 15,00"
      participeLink="#mecadastra"
      learnMoreLink="#saibamais"
    />
  );
};
```
npm package: @plurix/tour
Description: ```bash yarn add @plurix/tour npm install @plurix/tour ```
Author: Daniel Moura
Latest version: 1.0.0

## Installation

```bash
yarn add @plurix/tour
npm install @plurix/tour
```

## Example

```tsx
import { Tour } from '@plurix/tour';

import '@plurix/tour/src/styles/tour.css';

export const Component = () => {
  return (
    <Tour
      handleCloseAction={handleCloseAction}
      handleFinishAction={handleFinishAction}
      genericTaggingEvent={genericTaggingEvent}
      steps={[
        {
          selector: '#id',
          content: 'Tooltip content text',
        },
      ]}
    />
  );
};
```
npm package: @plus-swap/sdk
Description: 🛠 An SDK for building applications on top of plusfrontend.
Latest version: 0.0.1

# Pluto SDK

Forked from the [Uniswap SDK](https://github.com/Uniswap/uniswap-v2-sdk/commit/a88048e9c4198a5bdaea00883ca00c8c8e582605).

You can refer to the Uniswap SDK documentation [uniswap.org](https://uniswap.org/docs/v2/SDK/getting-started/).

## Running tests

To run the tests, follow these steps. You must have at least node v10 and [yarn](https://yarnpkg.com/) installed.

First clone the repository:

Move into the pluto-sdk working directory

```sh
cd pluto-sdk/
```

Install dependencies

```sh
yarn install
```

Run tests

```sh
yarn test
```

You should see output like the following:

```sh
yarn run v1.22.4
$ tsdx test
 PASS  test/constants.test.ts
 PASS  test/pair.test.ts
 PASS  test/fraction.test.ts
 PASS  test/miscellaneous.test.ts
 PASS  test/entities.test.ts
 PASS  test/trade.test.ts

Test Suites: 1 skipped, 6 passed, 6 of 7 total
Tests:       3 skipped, 82 passed, 85 total
Snapshots:   0 total
Time:        5.091s
Ran all test suites.
✨  Done in 6.61s.
```
npm package: @plus-swap/uikit
Description: Set of UI components for projects
Latest version: 0.2.0

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap-libs/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)