open-index/open-npm huggingface dataset:
npm package: @mochi-ui/polymorphic
Description: This package enhances the type safety and flexibility of React components utilizing forward refs and polymorphism. It includes utility types such as Merge for merging props, or OwnProps for inferring the props of a component.
Latest version: 0.0.5

# @mochi-ui/polymorphic

This package enhances the type safety and flexibility of React components
utilizing forward refs and polymorphism. It includes utility types such as Merge
for merging props, or OwnProps for inferring the props of a component.

## Installation

Feel free to use the package manager of your choice:

```sh
# Using PNPM
pnpm i @mochi-ui/polymorphic

# Using NPM
npm i @mochi-ui/polymorphic

# Using Yarn
yarn add @mochi-ui/polymorphic
```

## Contribution

We welcome your contributions! For guidance on how to contribute, please refer
to our [Contribution Guidelines](/CONTRIBUTING.md).

## Licence

This project is licensed under the terms of the
[MIT license](https://choosealicense.com/licenses/mit/).
npm package: @mochi-ui/popover
Description: Popover is a non-modal dialog that floats around its disclosure. It's commonly used for displaying additional rich content on top of something.
Latest version: 0.3.11

# @mochi-ui/popover

Popover is a non-modal dialog that floats around its disclosure. It's commonly
used for displaying additional rich content on top of something.

For further details, visit our
[Popover Documentation](https://ds.mochiui.com/?path=/docs/components-popover--docs).

## Installation

Feel free to use the package manager of your choice:

```sh
# Using PNPM
pnpm i @mochi-ui/popover

# Using NPM
npm i @mochi-ui/popover

# Using Yarn
yarn add @mochi-ui/popover
```

## Contribution

We welcome your contributions! For guidance on how to contribute, please refer
to our [Contribution Guidelines](/CONTRIBUTING.md).

## Licence

This project is licensed under the terms of the
[MIT license](https://choosealicense.com/licenses/mit/).
npm package: @mochi-ui/profile-badge
Description: Profile Badge displays user information, including their name, platform, and avatar.
Latest version: 0.2.10

# @mochi-ui/profile-badge

Profile Badge displays user information, including their name, platform, and
avatar.

For further details, visit our
[Profile Badge Documentation](https://ds.mochiui.com/?path=/docs/components-profilebadge--docs).

## Installation

Feel free to use the package manager of your choice:

```sh
# Using PNPM
pnpm i @mochi-ui/profile-badge

# Using NPM
npm i @mochi-ui/profile-badge

# Using Yarn
yarn add @mochi-ui/profile-badge
```

## Contribution

We welcome your contributions! For guidance on how to contribute, please refer
to our [Contribution Guidelines](/CONTRIBUTING.md).

## Licence

This project is licensed under the terms of the
[MIT license](https://choosealicense.com/licenses/mit/).
npm package: @mochi-ui/scroll-area
Description: Custom styled, cross-browser scrollable area using native functionality
Author: @consolelabs
Latest version: 0.0.12

# @mochi-ui/scroll-area

The ScrollArea component is used for custom, cross-browser styling native scroll
functionality

> This is an internal utility, not intended for public usage.

For further details, visit our
[ScrollArea Documentation](https://ds.mochiui.com/?path=/docs/layout-scroll-area--docs).

## Installation

Feel free to use the package manager of your choice:

```sh
# Using PNPM
pnpm i @mochi-ui/scroll-area

# Using NPM
npm i @mochi-ui/scroll-area

# Using Yarn
yarn add @mochi-ui/scroll-area
```

## Contribution

We welcome your contributions! For guidance on how to contribute, please refer
to our [Contribution Guidelines](/CONTRIBUTING.md).

## Licence

This project is licensed under the terms of the
[MIT license](https://choosealicense.com/licenses/mit/).
npm package: @mochi-ui/section-header
Description: Section Header component is designed to encapsulate essential details unique to a section, such as title and description, and also interactive elements as well (buttons, selects, etc.).
Latest version: 0.2.11

# @mochi-ui/section-header

Section Header component is designed to encapsulate essential details unique to
a section, such as title and description, and also interactive elements as well
(buttons, selects, etc.).

For further details, visit our
[Section Header Documentation](https://ds.mochiui.com/?path=/docs/components-sectionheader--docs).

## Installation

Feel free to use the package manager of your choice:

```sh
# Using PNPM
pnpm i @mochi-ui/section-header

# Using NPM
npm i @mochi-ui/section-header

# Using Yarn
yarn add @mochi-ui/section-header
```

## Contribution

We welcome your contributions! For guidance on how to contribute, please refer
to our [Contribution Guidelines](/CONTRIBUTING.md).

## Licence

This project is licensed under the terms of the
[MIT license](https://choosealicense.com/licenses/mit/).
npm package: @mochi-ui/section-list
Description: Section List component structures and displays a collection of items, categorizing them by sections for a structured and organized presentation.
Latest version: 0.0.24

# @mochi-ui/section-list

Section List component structures and displays a collection of items,
categorizing them by sections for a structured and organized presentation.

For further details, visit our
[Section List Documentation](https://ds.mochiui.com/?path=/docs/components-sectionlist--docs).

## Installation

Feel free to use the package manager of your choice:

```sh
# Using PNPM
pnpm i @mochi-ui/section-list

# Using NPM
npm i @mochi-ui/section-list

# Using Yarn
yarn add @mochi-ui/section-list
```

## Contribution

We welcome your contributions! For guidance on how to contribute, please refer
to our [Contribution Guidelines](/CONTRIBUTING.md).

## Licence

This project is licensed under the terms of the
[MIT license](https://choosealicense.com/licenses/mit/).
npm package: @mochi-ui/select
Description: Select component displays a collapsible list of options and allows a user to select one of them.
Latest version: 0.3.6

# @mochi-ui/select

Select component displays a collapsible list of options and allows a user to
select one of them.

For further details, visit our
[Select Documentation](https://ds.mochiui.com/?path=/docs/components-select--docs).

## Installation

Feel free to use the package manager of your choice:

```sh
# Using PNPM
pnpm i @mochi-ui/select

# Using NPM
npm i @mochi-ui/select

# Using Yarn
yarn add @mochi-ui/select
```

## Contribution

We welcome your contributions! For guidance on how to contribute, please refer
to our [Contribution Guidelines](/CONTRIBUTING.md).

## Licence

This project is licensed under the terms of the
[MIT license](https://choosealicense.com/licenses/mit/).
npm package: @mochi-ui/separator
Description: Separator component creates a clear distinction or spacing between content sections or items.
Latest version: 0.0.35

# @mochi-ui/separator

Separator component creates a clear distinction or spacing between content
sections or items.

For further details, visit our
[Separator Documentation](https://ds.mochiui.com/?path=/docs/components-separator--docs).

## Installation

Feel free to use the package manager of your choice:

```sh
# Using PNPM
pnpm i @mochi-ui/separator

# Using NPM
npm i @mochi-ui/separator

# Using Yarn
yarn add @mochi-ui/separator
```

## Contribution

We welcome your contributions! For guidance on how to contribute, please refer
to our [Contribution Guidelines](/CONTRIBUTING.md).

## Licence

This project is licensed under the terms of the
[MIT license](https://choosealicense.com/licenses/mit/).
npm package: @mochi-ui/sidebar
Description: Sidebar is a navigational component positioned on the side of a user interface, providing quick access to essential features, menus, or sections.
Latest version: 0.1.16

# @mochi-ui/sidebar

Sidebar is a navigational component positioned on the side of a user interface,
providing quick access to essential features, menus, or sections.

For further details, visit our
[Sidebar Documentation](https://ds.mochiui.com/?path=/story/components-sidebar--default).

## Installation

Feel free to use the package manager of your choice:

```sh
# Using PNPM
pnpm i @mochi-ui/sidebar

# Using NPM
npm i @mochi-ui/sidebar

# Using Yarn
yarn add @mochi-ui/sidebar
```

## Contribution

We welcome your contributions! For guidance on how to contribute, please refer
to our [Contribution Guidelines](/CONTRIBUTING.md).

## Licence

This project is licensed under the terms of the
[MIT license](https://choosealicense.com/licenses/mit/).
npm package: @mochi-ui/skeleton
Description: Skeleton is a placeholder to show a loading state and the expected shape of a component.
Author: @consolelabs
Latest version: 1.0.16

# @mochi-ui/skeleton

The Skeleton component is a placeholder to show a loading state and the expected
shape of a component.

> This is an internal utility, not intended for public usage.

For further details, visit our
[Skeleton Documentation](https://ds.mochiui.com/?path=/docs/data-display-skeleton--docs).

## Installation

Feel free to use the package manager of your choice:

```sh
# Using PNPM
pnpm i @mochi-ui/skeleton

# Using NPM
npm i @mochi-ui/skeleton

# Using Yarn
yarn add @mochi-ui/skeleton
```

## Contribution

We welcome your contributions! For guidance on how to contribute, please refer
to our [Contribution Guidelines](/CONTRIBUTING.md).

## Licence

This project is licensed under the terms of the
[MIT license](https://choosealicense.com/licenses/mit/).
npm package: @mochi-ui/stepper
Description: A stepper component is used to indicate progress through a multi-step process.
Author: @consolelabs
Latest version: 1.1.2

# @mochi-ui/stepper

The Stepper component is used for ...

> This is an internal utility, not intended for public usage.

For further details, visit our
[Stepper Documentation](https://ds.mochiui.com/?path=/docs/data-display-stepper--docs).

## Installation

Feel free to use the package manager of your choice:

```sh
# Using PNPM
pnpm i @mochi-ui/stepper

# Using NPM
npm i @mochi-ui/stepper

# Using Yarn
yarn add @mochi-ui/stepper
```

## Contribution

We welcome your contributions! For guidance on how to contribute, please refer
to our [Contribution Guidelines](/CONTRIBUTING.md).

## Licence

This project is licensed under the terms of the
[MIT license](https://choosealicense.com/licenses/mit/).
npm package: @mochi-ui/switch
Description: The Switch component is used as an alternative between checked and not checked states.
Latest version: 0.0.32

# @mochi-ui/switch

The Switch component is used as an alternative between checked and not checked
states.

For further details, visit our
[Switch Documentation](https://ds.mochiui.com/?path=/docs/components-switch--docs).

## Installation

Feel free to use the package manager of your choice:

```sh
# Using PNPM
pnpm i @mochi-ui/switch

# Using NPM
npm i @mochi-ui/switch

# Using Yarn
yarn add @mochi-ui/switch
```

## Contribution

We welcome your contributions! For guidance on how to contribute, please refer
to our [Contribution Guidelines](/CONTRIBUTING.md).

## Licence

This project is licensed under the terms of the
[MIT license](https://choosealicense.com/licenses/mit/).
npm package: @mochi-ui/table
Description: Table component is used to display tabular data using rows and columns.
Latest version: 0.8.6

# @mochi-ui/table

Table component is used to display tabular data using rows and columns.

For further details, visit our
[Table Documentation](https://ds.mochiui.com/?path=/docs/components-table--docs).

## Installation

Feel free to use the package manager of your choice:

```sh
# Using PNPM
pnpm i @mochi-ui/table

# Using NPM
npm i @mochi-ui/table

# Using Yarn
yarn add @mochi-ui/table
```

## Contribution

We welcome your contributions! For guidance on how to contribute, please refer
to our [Contribution Guidelines](/CONTRIBUTING.md).

## Licence

This project is licensed under the terms of the
[MIT license](https://choosealicense.com/licenses/mit/).
npm package: @mochi-ui/tabs
Description: Tabs component organizes content into multiple sections and allow users to navigate between them.
Latest version: 0.2.11

# @mochi-ui/tabs

Tabs component organizes content into multiple sections and allow users to
navigate between them.

For further details, visit our
[Tabs Documentation](https://ds.mochiui.com/?path=/story/components-tabs--default).

## Installation

Feel free to use the package manager of your choice:

```sh
# Using PNPM
pnpm i @mochi-ui/tabs

# Using NPM
npm i @mochi-ui/tabs

# Using Yarn
yarn add @mochi-ui/tabs
```

## Contribution

We welcome your contributions! For guidance on how to contribute, please refer
to our [Contribution Guidelines](/CONTRIBUTING.md).

## Licence

This project is licensed under the terms of the
[MIT license](https://choosealicense.com/licenses/mit/).
npm package: @mochi-ui/theme
Description: The theme package encompasses the TailwindCSS configuration, which includes elements such as `plugin`, `colors`, `spacing`, and various other design tokens.
Latest version: 0.20.1

# @mochi-ui/theme

The theme package encompasses the TailwindCSS configuration, which includes
elements such as `plugin`, `colors`, `spacing`, and various other design tokens.

For further details, visit our
[Installation Documentation](https://ds.mochiui.com/?path=/docs/introduction-installation--docs).

## Installation

Feel free to use the package manager of your choice:

```sh
# Using PNPM
pnpm i @mochi-ui/theme

# Using NPM
npm i @mochi-ui/theme

# Using Yarn
yarn add @mochi-ui/theme
```

## Contribution

We welcome your contributions! For guidance on how to contribute, please refer
to our [Contribution Guidelines](/CONTRIBUTING.md).

## Licence

This project is licensed under the terms of the
[MIT license](https://choosealicense.com/licenses/mit/).
npm package: @mochi-ui/toast
Description: Toast component efficiently communicates essential information, warnings or errors to users.
Latest version: 0.1.16

# @mochi-ui/toast

Toast component efficiently communicates essential information, warnings or
errors to users.

For further details, visit our
[Toast Documentation](https://ds.console.so/?path=/docs/feedback-toast--docs).

## Installation

Feel free to use the package manager of your choice:

```sh
# Using PNPM
pnpm i @mochi-ui/toast

# Using NPM
npm i @mochi-ui/toast

# Using Yarn
yarn add @mochi-ui/toast
```

## Contribution

We welcome your contributions! For guidance on how to contribute, please refer
to our [Contribution Guidelines](/CONTRIBUTING.md).

## Licence

This project is licensed under the terms of the
[MIT license](https://choosealicense.com/licenses/mit/).
npm package: @mochi-ui/toggle-button
Description: Toggle Button Group component enables seamless toggling between states, supporting both multi-selection and single-selection configurations.
Latest version: 0.1.3

# @mochi-ui/toggle-button

Toggle Button Group component enables seamless toggling between states,
supporting both multi-selection and single-selection configurations.

For further details, visit our
[Toggle Button Documentation](https://ds.mochiui.com/?path=/story/components-togglebutton--default).

## Installation

Feel free to use the package manager of your choice:

```sh
# Using PNPM
pnpm i @mochi-ui/toggle-button

# Using NPM
npm i @mochi-ui/toggle-button

# Using Yarn
yarn add @mochi-ui/toggle-button
```

## Contribution

We welcome your contributions! For guidance on how to contribute, please refer
to our [Contribution Guidelines](/CONTRIBUTING.md).

## Licence

This project is licensed under the terms of the
[MIT license](https://choosealicense.com/licenses/mit/).
npm package: @mochi-ui/tooltip
Description: Tooltip component displays a brief, informative message that appears when a user interacts with an element.
Latest version: 0.2.21

# @mochi-ui/tooltip

Tooltip component displays a brief, informative message that appears when a user
interacts with an element.

For further details, visit our
[Tooltip Documentation](https://ds.mochiui.com/?path=/docs/components-tooltip--docs).

## Installation

Feel free to use the package manager of your choice:

```sh
# Using PNPM
pnpm i @mochi-ui/tooltip

# Using NPM
npm i @mochi-ui/tooltip

# Using Yarn
yarn add @mochi-ui/tooltip
```

## Contribution

We welcome your contributions! For guidance on how to contribute, please refer
to our [Contribution Guidelines](/CONTRIBUTING.md).

## Licence

This project is licensed under the terms of the
[MIT license](https://choosealicense.com/licenses/mit/).
npm package: @mochi-ui/top-bar
Description: Top Bar component provides a clean and organized space at the top of the page to showcase important information, such as page titles or navigation elements.
Latest version: 0.1.22

# @mochi-ui/top-bar

Top Bar component provides a clean and organized space at the top of the page to
showcase important information, such as page titles or navigation elements.

For further details, visit our
[Top Bar Documentation](https://ds.mochiui.com/?path=/docs/components-topbar--docs).

## Installation

Feel free to use the package manager of your choice:

```sh
# Using PNPM
pnpm i @mochi-ui/top-bar

# Using NPM
npm i @mochi-ui/top-bar

# Using Yarn
yarn add @mochi-ui/top-bar
```

## Contribution

We welcome your contributions! For guidance on how to contribute, please refer
to our [Contribution Guidelines](/CONTRIBUTING.md).

## Licence

This project is licensed under the terms of the
[MIT license](https://choosealicense.com/licenses/mit/).
npm package: @mochi-ui/typography
Description: Typography component encompasses a range of elements designed to represent various text styles within an application
Latest version: 0.1.2

# @mochi-ui/typography

Typography component encompasses a range of elements designed to represent
various text styles within an application

For further details, visit our
[Typography Documentation](https://ds.mochiui.com/?path=/docs/components-typography--docs).

## Installation

Feel free to use the package manager of your choice:

```sh
# Using PNPM
pnpm i @mochi-ui/typography

# Using NPM
npm i @mochi-ui/typography

# Using Yarn
yarn add @mochi-ui/typography
```

## Contribution

We welcome your contributions! For guidance on how to contribute, please refer
to our [Contribution Guidelines](/CONTRIBUTING.md).

## Licence

This project is licensed under the terms of the
[MIT license](https://choosealicense.com/licenses/mit/).
npm package: @mochi-ui/value-change
Description: Value Change component visually conveys up or down trends, representing changes with a specific statistical value.
Latest version: 0.0.12

# @mochi-ui/value-change

Value Change component visually conveys up or down trends, representing changes
with a specific statistical value.

For further details, visit our
[Value Change Documentation](https://ds.mochiui.com/?path=/docs/data-display-valuechange--docs).

## Installation

Feel free to use the package manager of your choice:

```sh
# Using PNPM
pnpm i @mochi-ui/value-change

# Using NPM
npm i @mochi-ui/value-change

# Using Yarn
yarn add @mochi-ui/value-change
```

## Contribution

We welcome your contributions! For guidance on how to contribute, please refer
to our [Contribution Guidelines](/CONTRIBUTING.md).

## Licence

This project is licensed under the terms of the
[MIT license](https://choosealicense.com/licenses/mit/).
npm package: @mochi-web3/connect-wallet-widget
Description: Widget to connect wallets of various chains
Author: @consolelabs
Latest version: 0.2.10

# @mochi-web3/connect-wallet-widget

The ConnectWalletWidget component is used for ...

> This is an internal utility, not intended for public usage.

For further details, visit our
[ConnectWalletWidget Documentation](https://ds.mochiui.com/?path=/docs/components-connect-wallet-widget--docs).

## Installation

Feel free to use the package manager of your choice:

```sh
# Using PNPM
pnpm i @mochi-web3/connect-wallet-widget

# Using NPM
npm i @mochi-web3/connect-wallet-widget

# Using Yarn
yarn add @mochi-web3/connect-wallet-widget
```

## Contribution

We welcome your contributions! For guidance on how to contribute, please refer
to our [Contribution Guidelines](/CONTRIBUTING.md).

## Licence

This project is licensed under the terms of the
[MIT license](https://choosealicense.com/licenses/mit/).
npm package: @mochi-web3/login-widget
Description: Login Widget component empowers users with access to the web3 application by offering diverse login options through various web3 wallets.
Latest version: 0.2.24

# @mochi-web3/login-widget

Login Widget component empowers users with access to the web3 application by
offering diverse login options through various web3 wallets.

For further details, visit our
[Login Widget Documentation](https://ds.mochiui.com/?path=/docs/components-loginwidget--docs).

## Installation

Feel free to use the package manager of your choice:

```sh
# Using PNPM
pnpm i @mochi-web3/login-widget

# Using NPM
npm i @mochi-web3/login-widget

# Using Yarn
yarn add @mochi-web3/login-widget
```

## Contribution

We welcome your contributions! For guidance on how to contribute, please refer
to our [Contribution Guidelines](/CONTRIBUTING.md).

## Licence

This project is licensed under the terms of the
[MIT license](https://choosealicense.com/licenses/mit/).
npm package: @mochiapp/cli
Description: A cli tool used to build and bundle Mochi modules.
Author: ErrorErroError
Latest version: 0.0.8

# @mochiapp/cli
> An easy-to-use CLI for compiling and bundling [Mochi](https://github.com/Mochi-Team/mochi) modules.

![npm (scoped)](https://img.shields.io/npm/v/%40mochiapp/cli)
![lint](https://github.com/Mochi-Team/cli/actions/workflows/lint.yml/badge.svg)
![ci](https://github.com/Mochi-Team/cli/actions/workflows/ci.yml/badge.svg)
![cd](https://github.com/Mochi-Team/cli/actions/workflows/cd.yml/badge.svg)

Powered by <a href="https://github.com/evanw/esbuild"><img style="height: 1rem; vertical-align: text-bottom;" src="https://esbuild.github.io/favicon.svg" alt="esbuild logo"/></a>

## Requirements
You must have [Node](https://nodejs.org) installed on your computer and the minimum version supported is `v16.x`.

## Installation

For pnpm:
```bash
# Local cli
pnpm add -D @mochiapp/cli

# Or Global 
pnpm add -g @mochiapp/cli
```

For npm:
```bash
# Local cli
npm install --save-dev @mochiapp/cli

# Or Global 
npm install -g @mochiapp/cli
```

For yarn:
```bash
# Local cli
yarn add -D @mochiapp/cli

# Or Global 
yarn global add @mochiapp/cli
```

## Usage
```
A cli tool used to build and bundle Mochi modules.

Options:
  -V, --version     output the version number
  -h, --help        display help for command

Commands:
  init [options]    initalize a new module from template
  check [options]   checks for errors in repository
  bundle [options]  bundles modules into a repository
  serve [options]   bundle and start local server for testing modules
  help [command]    display help for command
```

## Contribute

You must use [pnpm](https://pnpm.io/) in order to make any changes. Once you've made changes, submit a pull request. Any contributions are welcome and appreciated :D

## License
Licenced under [MIT](LICENSE).
npm package: @mochiapp/js
Description: A typescript library used to build modules for Mochi.
Author: errorerrorerror
Latest version: 0.0.2

# @mochiapp/js
> Javascript/Typescript bindings for [Mochi](https://github.com/Mochi-Team/mochi).

## Installation
Using pnpm:
```bash
pnpm add @mochiapp/js
```

Using npm:
```bash
npm install @mochiapp/js
```

Using yarn:
```bash
yarn add @mochiapp/js
```

## Development / Contribution
You must use [pnpm](https://pnpm.io/) when you're modifying this package.

## License
[MIT](LICENSE)
npm package: @mochiapp/runner
Description: A test runner used for Mochi modules.
Author: errorerrorerror
Latest version: 0.0.2

![Supported Version](https://img.shields.io/github/package-json/dependency-version/Mochi-Team/runner/dev/%40mochiapp/js/main)

# @mochiapp/runner

> A test runner used for Mochi modules.

## Installation

Using pnpm:

```bash
pnpm add -D @mochiapp/runner
```

Using npm:

```bash
npm install --save-dev @mochiapp/runner
```

Using yarn:

```bash
yarn add -D @mochiapp/runner
```

## Example

In a test file:

```js
import Source from '../src/source';
import runner from '@mochiapp/runner';

const source = runner(Source);

test('fetch filters', () => {
  return source.searchFilters().then((r) => {
    assert.equal(r.length, 1);
  });
});

// Rest of the tests...
```
npm package: @mochicons/css
Description: An open source and hand-crafted SVG icons library
Author: Josemi Juanes
Latest version: 0.0.1

# @mochicons/css

## Installation

### Using a package manager

Add this package to your project using **yarn**:

```bash
$ yarn add @mochicons/css
```

Then, include the `mochicons.css` file in your HTML file:

```html
<link rel="stylesheet" href="node_modules/@mochicons/css/mochicons.css">
```

### Using a public CDN

You can also use a public CDN like jsdelivr.net:

```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mochicons/css@latest/mochicons.css">
```

## Usage

You can use the CSS classes defined in `mochicons.css` to reference icons in your HTML:

```html
<i class="m-star"></i>
```

You can use `font-size` and `color` style properties for customizing the icon:

```html
<i class="m-tools" style="color:#025cca;font-size:24px;"></i>
```

## License

Under the [MIT LICENSE](https://github.com/jmjuanes/mochicons/blob/main/LICENSE).
npm package: @mochicons/node
Description: An open source and hand-crafted SVG icons library
Author: Josemi Juanes
Latest version: 0.0.1

# @mochicons/node

## Installation

Add this package to your project using **yarn**:

```bash
$ yarn add @mochicons/node
```

## Usage

You can access to the metadata of each icon in your Node.js application:

```js
const mochicons = require("@mochicons/node");

console.log(mochicons.home);
// {
//     name: "home",
//     path: "M....",
//     toSVG: () => ...,
// }

```

## API

### `mochicons[key].name`

This is just the name of the icon.

### `mochicons[key].path`

This contains the SVG path data of the icon (see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d).

### `mochicons[key].toSVG()`

A function that returns the `<svg>` string of the icon. 

```js
mochicos.home.toSVG();
// <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">...</svg>
```

This function accepts an options object as an argument, that can be used to customize the generated SVG. The following options can be provided:

##### `size`

The size of the icon. This value will be used for the `width` and `height` attributes of the SVG. Default value is `24`.

```js
mochicons.home.toSVG({
    size: "32",
})
// <svg width="32" height="32">...</svg>
```

##### `stroke`

Custom stroke color for the SVG. Default is `currentColor`.

##### `strokeWidth`

Custom stroke width for the SVG. Default is `2`.


## License

Under the [MIT LICENSE](https://github.com/jmjuanes/mochicons/blob/main/LICENSE).
npm package: @mochicons/react
Description: An open source and hand-crafted SVG icons library
Author: Josemi Juanes
Latest version: 0.0.1

# @mochicons/react


## Installation

Add this package to your project using **yarn**:

```bash
$ yarn add react @mochicons/react
```

## Usage

This package exports each icon individually as [named exports](https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/export#using_named_exports), so you can import the icons that you really need for your project:

```jsx
import React from "react";
import {CheckIcon} from "@mochicons/react";

export const App = () => (
    <CheckIcon />
);
```

### Customize icons

You can use the `color` and `font-size` properties of CSS to customize the icon color and size:

```jsx
import React from "react";
import {HomeIcon} from "@mochicons/react";

export const App = () => (
    <span style={{color: "blue", fontSize: "32px"}}>
        <HomeIcon />    
    </span>
);
```

## License

Under the [MIT LICENSE](https://github.com/jmjuanes/mochicons/blob/main/LICENSE).
npm package: @mochify/driver-jsdom
Description: jsdom driver for Mochify
Author: Maximilian Antoni
Latest version: 1.0.0

# Mochify driver for jsdom

Run tests in [jsdom][web].

Use this driver with the [Mochify CLI][cli] to run Mocha tests in jsdom, a headless web browser emulator for testing. See [Mochify][mochify-docs] if you are looking for Mochify drivers for other browser testing environments.

[web]: https://github.com/jsdom/jsdom
[mochify-docs]: https://github.com/mochify-js
[cli]: https://github.com/mochify-js/cli

## Usage

Install the package from npm:

```
npm i @mochify/driver-jsdom -D
```

and pass it to the [Mochify CLI][cli]:

```
mochify --driver jsdom ...
```

Example with options passed to the driver:

```
mochify --driver jsdom \
  --driver-option.url https://example.test \
  --driver-option.pretendToBeVisual false
```

## Driver options

The driver allows the following options to be set:

- **`stderr`**: Defines the stream the test output will be written to. Default: `process.stderr`.

- **`strictSSL`**: Set to `false` to disable the requirement that SSL certificates be valid. Default: `false`.

- **`pretendToBeVisual`**: When `true`, jsdom will pretend that it is rendering and displaying content. Default: `true`.

- **`url`**: Run tests in the context of the given URL. Default: `http://localhost`.

## Passing through other options to jsdom

In addition to the driver options documented above, `driver-jsdom` allows you to pass through all of jsdom's other constructor options, using the defaults as [described here][ctr-options].
Note that it is not possible to use a custom `virtualConsole` or to set the `runScripts` option, because the driver needs to set these itself to function correctly.

[ctr-options]: https://github.com/jsdom/jsdom#customizing-jsdom
npm package: @mochify/driver-playwright
Description: Playwright driver for Mochify
Author: Maximilian Antoni
Latest version: 1.0.2

# Mochify driver for Playwright

Run tests in [Playwright][web].

Use this driver with the [Mochify CLI][cli] to run Mocha tests in Playwright. See [Mochify][mochify-docs] if you are looking for Mochify drivers for other browser testing environments.

[web]: https://playwright.dev
[mochify-docs]: https://github.com/mochify-js
[cli]: https://github.com/mochify-js/cli

## Usage

Install the package from npm:

```
npm i @mochify/driver-playwright -D
```

and pass it to the CLI:

```
mochify --driver playwright ...
```

## Driver options

The driver allows the following options to be set:

- **`stderr`**: Defines the stream the test output will be written to. Defaults to `process.stderr`

- **`engine`**: The browser engine to use. Right now, Playwright supports `chromium`, `firefox`and `webkit`. Defaults to `firefox`.

- **`url`**: Run tests in the context of the given URL. Defaults to an empty document served using the `file:` scheme.

## Passing through launch options to Playwright

In addition to the driver options documented above, `driver-playwright` allows you to pass through all of Playwright's other `launchOptions` using the defaults as [described here][launch-options].

[launch-options]: https://playwright.dev/docs/api/class-browsertype#browser-type-launch
npm package: @mochify/driver-puppeteer
Description: Puppeteer driver for Mochify
Author: Maximilian Antoni
Latest version: 1.0.1

# Mochify driver for Puppeteer

Run tests in [Puppeteer][web].

Use this driver with the [Mochify CLI][cli] to run Mocha tests in Puppeteer. See [Mochify][mochify-docs] if you are looking for Mochify drivers for other browser testing environments.

[mochify-docs]: https://github.com/mochify-js
[cli]: https://github.com/mochify-js/cli
[web]: https://pptr.dev/

## Usage

Install the package from npm:

```
npm i @mochify/driver-puppeteer -D
```

and pass it to the CLI:

```
mochify --driver puppeteer ...
```

## Driver options

The driver allows the following options to be set:

- **`stderr`**: Defines the stream the test output will be written to. Defaults to `process.stderr`

- **`ignoreHTTPSErrors`**: Whether to ignore HTTPS errors during navigation. Defaults to `false`.

- **`executablePath`**: The optional path of the Chromium binary to be used. Defaults to `process.env.PUPPETEER_EXECUTABLE_PATH` to work around https://github.com/puppeteer/puppeteer/issues/6957. In case neither the env var nor a value is given, Puppeteer uses the bundled Chromium version.

- **`args`**: An optional array of command line flags to pass to Chromium. `--allow-insecure-localhost` and `--disable-dev-shm-usage` will always be used in addition to the given values.

- **`url`**: Run tests in the context of the given URL. Defaults to an empty document served using the `file:` scheme.

## Passing through launch options to Puppeteer

In addition to the driver options documented above, `driver-puppeteer` allows you to pass through all of Puppeteer's other `launchOptions` using the defaults as [described here][launch-options].

[launch-options]: https://pptr.dev/#?product=Puppeteer&version=v10.1.0&show=api-puppeteerlaunchoptions
npm package: @mochify/driver-webdriver
Description: WebDriver driver for Mochify
Author: Maximilian Antoni
Latest version: 1.0.0

# Mochify driver for WebDriver

## Local Selenium

Installing selenium server on Mac OS:

```bash
brew install selenium-server
brew install geckodriver
```

Starting the server:

```bash
selenium-server standalone --port 4444
```

Configuration for local Selenium:

```json
{
  "driver": "webdriver",
  "driver_options": {
    "hostname": "localhost",
    "path": "/wd/hub",
    "port": 4444,
    "capabilities": {
      "browserName": "firefox"
    }
  }
}
```

## Local SafariDriver

The `safaridriver` executable is included with Safari 13 and later.

Initializing `safaridriver` (only once):

```bash
safaridriver --enable
```

Staring the server:

```bash
safaridriver --port 4444
```

Configuration for local Safari:

```json
{
  "driver": "webdriver",
  "driver_options": {
    "hostname": "localhost",
    "path": "/",
    "port": 4444,
    "capabilities": {
      "browserName": "safari"
    }
  }
}
```

Running tests in iOS simulator:

```json
{
  "driver": "webdriver",
  "driver_options": {
    "hostname": "localhost",
    "path": "/",
    "port": 4444,
    "capabilities": {
      "browserName": "safari",
      "platformName": "iOS",
      "safari:useSimulator": true,
      "safari:deviceType": "iPhone"
    }
  }
}
```

See `man safaridriver` for available capabilities.

**IMPORTANT!** You _must_ run your tests in the context of an actual website or
webdriver will fail with a security warning. Use `--serve .` to let Mochify
handle this for you.

## SauceLabs

Config for SauceLabs:

```js
module.exports = {
  driver: 'webdriver',
  driver_options: {
    hostname: 'ondemand.saucelabs.com',
    path: '/wd/hub',
    port: 80,
    capabilities: {
      browserName: process.env.BROWSER_NAME,
      'sauce:options': {
        username: process.env.SAUCE_USERNAME,
        accessKey: process.env.SAUCE_ACCESS_KEY
      }
    }
  }
};
```

```bash
BROWSER_NAME="safari"; mochify --driver webdriver test.js
```
npm package: @mochify/mochify
Description: Run mocha tests in headless browsers
Author: Maximilian Antoni
Latest version: 1.0.1

# Mochify

> Core library to run Mocha tests in headless browsers.

### What is this?

`@mochify/mochify` is the core library for Mochify. Use it through `@mochify/cli`.

It focuses on:

- Configurable drivers (e.g. Puppeteer, Playwright, WebDriver, jsdom)
- Flexible bundling: bring your own bundler or run unbundled ESM
- Clean integration with Mocha reporters, UI and timeouts

Looking for the CLI?

- `@mochify/cli` npm package: https://www.npmjs.com/package/@mochify/cli
- `@mochify/cli` GitHub repo: https://github.com/mochify-js/cli

### Installation

This library is imported as a dependency by `@mochify/cli`. You don't need to install it separately.

### License

MIT
npm package: @mochiswap/auikit
Description: Set of UI components for avax mochiswap projects
Latest version: 0.2.19

# 🍡 Mochiswap UIkit

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

## Install

`yarn add @mochiswap/uikit`

## Setup

### Theme

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

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

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@mochiswap/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://mochiswap.github.io/mochiswap-uikit/)
npm package: @mochiswap/bsdk
Description: 🛠 An SDK for building applications on top of Mochiswap.
Latest version: 0.1.0

# Mochiswap 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:

```sh
git clone https://github.com/mochiswap/mochiswap-sdk.git
```

Move into the mochiswap-sdk working directory

```sh
cd mochiswap-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: @mochiswap/buikit
Description: Set of UI components for mochiswap projects
Latest version: 0.1.1

# 🍡 Mochiswap UIkit

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

## Install

`yarn add @mochiswap/uikit`

## Setup

### Theme

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

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

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@mochiswap/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://mochiswap.github.io/mochiswap-uikit/)
npm package: @mochiswap/cuikit
Description: Set of UI components for cronos mochiswap projects
Latest version: 0.0.1

# 🍡 Mochiswap UIkit

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

## Install

`yarn add @mochiswap/uikit`

## Setup

### Theme

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

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

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@mochiswap/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://mochiswap.github.io/mochiswap-uikit/)
npm package: @mochiswap/huikit
Description: Set of UI components for harmony mochiswap projects
Latest version: 0.4.10

# 🍡 Mochiswap UIkit

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

## Install

`yarn add @mochiswap/uikit`

## Setup

### Theme

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

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

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@mochiswap/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://mochiswap.github.io/mochiswap-uikit/)
npm package: @mochiswap/sdk
Description: 🛠 An SDK for building applications on top of Mochiswap.
Latest version: 0.2.2

# Mochiswap 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:

```sh
git clone https://github.com/mochiswap/mochiswap-sdk.git
```

Move into the mochiswap-sdk working directory

```sh
cd mochiswap-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: @mochiswap/snapshot-spaces
Description: ## spaces configs
Latest version: 0.0.8

# Mochiswap public governance. 

## spaces configs 

Mochiswap is using a self hosted version of Snapshot. 

We invite other projects running on Harmony ONE to submit their spaces for inclusion.

You can do so by cloning an existing space, configuring it for your project and issuing a pull request asking us to merge it and update the datasource.

you can find us at https://t.me/mochidevs

-mochiswap team
npm package: @mochiswap/xuikit
Description: Set of UI components for projects
Latest version: 0.0.2

# 🥞 Perkle UIkit

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

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

## Install

`yarn add @perkleswap/uikit`

## Setup

### Theme

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

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

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@perkleswap/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://perkleswap.github.io/pancake-uikit/)
npm package: @mochiya98/date-only
Description: manage a calendar date easily
Author: Yukimasa Funaoka
Latest version: 0.1.1

# @mochiya98/date-only

[![npm (scoped)](https://img.shields.io/npm/v/@mochiya98/date-only?style=flat-square)](https://www.npmjs.com/package/@mochiya98/date-only) [![Travis (.com)](https://img.shields.io/travis/com/mochiya98/date-only?style=flat-square)](https://travis-ci.com/github/mochiya98/date-only) [![Coveralls github](https://img.shields.io/coveralls/github/mochiya98/date-only?style=flat-square)](https://coveralls.io/github/mochiya98/date-only) ![license MIT](https://img.shields.io/badge/license-MIT-green.svg?style=flat-square)

manage a calendar date easily

## Usage

```bash
npm i @mochiya98/date-only
```

```ts
import { DateOnly } from "@mochiya98/date-only";

const date = DateOnly.fromText("08/01/2020", "MM/DD/YYYY");
console.log(date.toString()); // "2020-08-01"

const tomorrow = date.add(1);
console.log(tomorrow.toString()); // "2020-08-02"
```

see more details: [docs](https://github.m98.be/date-only/)
npm package: @mochiya98/react-infinite-lite
Description: lightweight alternative to react-infinite
Author: YukimasaFunaoka
Latest version: 0.2.1

# @mochiya98/react-infinite-lite

[![@mochiya98/react-infinite-lite](https://img.shields.io/npm/v/@mochiya98/react-infinite-lite.svg?style=flat-square)](https://www.npmjs.com/package/@mochiya98/react-infinite-lite) [![gzip size](http://img.badgesize.io/https://unpkg.com/@mochiya98/react-infinite-lite/dist/index.esm.js?compression=gzip&style=flat-square)](https://unpkg.com/@mochiya98/react-infinite-lite/dist/index.esm.js) ![license MIT](https://img.shields.io/badge/license-MIT-green.svg?style=flat-square)

> super lightweight alternative to [react-infinite](https://www.npmjs.com/package/react-infinite)

## Installation

```sh
npm i @mochiya98/react-infinite-lite
```

## Usage

same as react-infinite  
(easy migration from react-infinite)  
see more details in [seatgeek/react-infinite README](https://github.com/seatgeek/react-infinite/blob/master/README.md)

```jsx
import Infinite from "@mochiya98/react-infinite-lite";
function App() {
  return (
    <Infinite containerHeight={100} elementHeight={30}>
      <div className="hoge">1</div>
      <div className="hoge">2</div>
      {/*...*/}
    </Infinite>
  );
}
```

### CDN

```html
<script
  src="https://unpkg.com/@mochiya98/react-infinite-lite"
  crossorigin="anonymous"
></script>
<!-- window.ReactInfiniteLite -->

<script type="text/babel">
  function App() {
    return <ReactInfiniteLite>{/*...*/}</ReactInfiniteLite>;
  }
</script>
```

## Unsupported features

- `timeScrollStateLastsForAfterUserScrolls` - can be implemented yourself by using handleScroll
- `useWindowAsScrollContainer` - not implemented yet
- `displayBottomUpwards` - not implemented yet
- `preloadBatchSize` - simplified for performance(index%5)

## Additional features

- `optionalHeader: ReactNode` - add fixed header

## Changelog

### 0.2.1 - 2020-07-05

- add missing `containerHeightScaleFactor`
- update types

### 0.2.0 - 2020-05-07

- rewrite with hooks
- add tests
- fix elementHeight behavior