open-index/open-npm huggingface dataset:
npm package: @matrixdefi/sdk
Description: 🛠 An SDK for building applications on top of matrixdefi.
Latest version: 0.1.2

# PantherSwap SDK

## 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/pantherswap/panther-swap-sdk.git
```

Move into the panther-swap-sdk working directory

```sh
cd panther-swap-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: @matrixdefi/uikit
Description: Set of UI components for matrix projects
Latest version: 0.2.3

# Panther UIkit

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

## Install

`yarn add @pantherswap-libs/uikit`

## Setup

### Theme

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

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

### Reset

A reset CSS is available as a global styled component.

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

### Types

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