open-index/open-npm huggingface dataset:
npm package: @numiko/dropdown-toggle
Description: A package for creating interactive dropdowns. Utilizing the GreenSock Animation Platform (GSAP) for smooth animations, this class offers a comprehensive set of features for managing dropdown states and behaviors.
Latest version: 3.0.0

# Dropdown Toggle

A package for creating interactive dropdowns. Utilizing the GreenSock Animation Platform (GSAP) for smooth animations, this class offers a comprehensive set of features for managing dropdown states and behaviors.

## Installation

Please install a specific tagged version.

```bash
npm install @numiko/dropdown-toggle
```

## API

Visit our [documentation](https://v3-0-0--numiko-dropdown.netlify.app/) for exhaustive information on the module.
npm package: @numiko/external-links
Description: This JavaScript module provides functionality for handling external links on a webpage.
Latest version: 1.4.1

# External Links

This JavaScript module provides functionality for handling external links on a webpage.

## Features

Once initialised this package will check a site for any links pointing to an external source. It will in turn change their behaviour so that they are opened in a new tab. 'Opens in new tab' will also be added to the aria-label attribute of these links.

## Installation

`npm i @numiko/external-links`

## Usage

### JS

```javascript
import { ExternalLinks } from '@numiko/external-links';

const links = document.links;

new ExternalLinks(links);
```

## API

See [documentation](https://v1-4-1--numiko-external-links.netlify.app/) for more detail on how to use the package.
npm package: @numiko/number-counter
Description: Number Counter
Latest version: 0.5.0

# Number Counter

A package to animate numbers — most predominantly used on our statistics slice.

## Features

- Automatically detects and animates numbers in text when they scroll into view.
- Customizable duration and starting values for smooth counting animations.

## Installation

`npm i @numiko/number-counter`

## API

See [documentation](https://v0-5-0--numiko-number-counter.netlify.app) for more detail on how to use the package.
npm package: @numiko/site-alert
Description: Site alerts
Latest version: 1.2.0

# Site Alert

The Site Alert package allows developers to easily render alerts on a page with the ability to dismiss.

## Features

- The ability to hide the alert once closed for a given amount of time
- Animation on dismiss

## Installation

`npm i @numiko/site-alert`

## Usage

```html
<div data-js-alert-banner data-js-alert-id="1717427103" class="hidden opacity-0 w-full flex" role="alert">
  <p>Vivamus in erat ut urna cursus vestibulum. Cras sagittis.</p>
  <button data-js-alert-close class="ml-auto">Close</button>
</div>
```

```js
const siteAlertEl = document.querySelector('[data-js-alert-banner]');
new SiteAlert(siteAlertEl, {
  closeElement: siteAlertEl.querySelector('[data-js-alert-close]'),
  cookieExpiry: 7,
  cookieId: 'id',
});
```

## API

See [documentation](https://v1-2-0--numiko-site-alert.netlify.app) for more detail on how to use package.