open-index/open-npm huggingface dataset:
npm package: @morpheme/pagination
Description: Morpheme Pagination Component
Author: Warsono
Latest version: 1.0.1

# Morpheme Pagination

Vue Pagination Component.

## Features

- Vue 3
- TypeScript support
- Customizable style via CSS Properties

## Installation

npm

```
npm i @morpheme/pagination
```

yarn

```
yarn add @morpheme/pagination
```

pnpm

```
pnpm i @morpheme/pagination
```

## Usage

```vue
<script setup lang="ts">
import VPagination from '@morpheme/pagination';
import '@morpheme/pagination/dist/style.css';
</script>

<template>
  <VPagination />
</template>
```

## Documentation

View full documentation [here](https://gits-ui.web.app/?path=/story/components-pagination--default).

## License

MIT
npm package: @morpheme/popover
Description: Morpheme Popover Component
Author: Warsono
Latest version: 1.0.1

# Morpheme Popover

Morpheme Popover Component.

## Installation

npm

```
npm i @morpheme/popover
```

yarn

```
yarn add @morpheme/popover
```

pnpm

```
pnpm i @morpheme/popover
```

## Usage

```vue
<script setup lang="ts">
import Dropdown from '@morpheme/popover';
</script>

<template>
  <Dropdown />
</template>
```

## Documentation

View `Dropdown` documentation [here](https://gits-ui.web.app/?path=/story/components-popover--default).

## License

MIT
npm package: @morpheme/progress-bar
Description: Morpheme Progress Bar Component
Author: Warsono
Latest version: 1.0.0

# Morpheme Progress Component

> Reusable Progress Component

## Installation

npm

```
npm i @morpheme/progress
```

yarn

```
yarn add @morpheme/progress
```

pnpm

```
pnpm i @morpheme/progress
```

## Usage

```vue
<script setup lang="ts">
import Progress from '@morpheme/progress';
</script>

<template>
  <Progress />
</template>
```

## Documentation

View `Progress` documentation [here](https://gits-ui.web.app/?path=/story/components-progress--default).

## License

MIT
npm package: @morpheme/progress-circular
Description: Morpheme Progress Circular Shell Component
Author: Warsono
Latest version: 1.0.0

# Morpheme AppShell

Morpheme Application Shell Component.

## Installation

npm

```
npm i @morpheme/app-shell
```

yarn

```
yarn add @morpheme/app-shell
```

pnpm

```
pnpm i @morpheme/app-shell
```

## Usage

```vue
<script setup lang="ts">
import VAppShell from '@morpheme/app-shell';
</script>

<template>
  <VAppShell>
    Content
  </VAppShell>
</template>
```

## Documentation

Check out storybook documentation [here](https://gits-ui.web.app/?path=/story/components-app-shell--default).

## License

MIT
npm package: @morpheme/quill-editor
Description: Quill Editor Vue Component
Author: Warsono
Latest version: 1.0.0

# Quill Editor Component

[VueQuill](https://vueup.github.io/vue-quill/) integrated with [vee-validate](https://vee-validate.logaretm.com/v4/).

## Installation

Install with your prefered Package Manager.

npm

```
npm i @morpheme/quill-editor
```

yarn

```
yarn add @morpheme/quill-editor
```

pnpm

```
pnpm i @morpheme/quill-editor
```

## Usage

### Basic Usage

```html
<script setup lang="ts">
  import {VQuillEditor} from '@morpheme/quill-editor';
  import '@morpheme/quill-editor/dist/style.css';

  const content = ref('');
</script>

<template>
  <VQuillEditor
    v-model="content"
    name="content"
    label="Content"
    placeholder="Input your content"
  />
  <pre>{{ {content} }}</pre>
</template>
```

### Validation Example

```html
<script setup lang="ts">
  import {VQuillEditor} from '@morpheme/quill-editor';
  import {useForm} from 'vee-validate';
  import {object, string} from 'yup';
  import VBtn from '@morpheme/button';
  import '@morpheme/quill-editor/dist/style.css';

  const schema = object({
    content: string().required().label('Content'),
  });

  const {handleSubmit, resetForm, values} = useForm({
    validationSchema: schema,
  });

  const onSubmit = handleSubmit((values) => {
    alert(JSON.stringify(values));
  });
</script>

<template>
  <form @submit="onSubmit" class="border-none">
    <VQuillEditor
      name="content"
      label="Content"
      placeholder="Input your content"
    />
    <div class="mt-4">
      <v-btn type="submit">Submit</v-btn>
      <v-btn type="button" text @click="resetForm">Reset</v-btn>
    </div>
    <pre>{{ { values } }}</pre>
  </form>
</template>
```

## Documentation

View full documentation [here](https://gits-ui.web.app/?path=/story/forms-quilleditor--basic).

## License

MIT
npm package: @morpheme/rating
Description: Vue Rating Component
Author: Warsono
Latest version: 1.0.0

# Vue Rating Component

Based on [vue-star-rating](https://github.com/craigh411/vue-star-rating) to work with Vite, Vue 3 and Nuxt 3.

## Installation

```bash
npm i @morpheme/rating
```

## Usage

```vue
<script setup lang="ts">
import {ref} from 'vue';
import {Rating} from '@morpheme/rating';

const value = ref(0);
</script>

<template>
  <Rating v-model:rating="value" />

  <!-- half stars -->
  <Rating v-model:rating="value" :increment="0.5" />
</template>
```

## License

MIT
npm package: @morpheme/select
Description: Vue Select Component
Author: Warsono
Latest version: 1.0.1

# Vue Select

Vue Select Component.

## Installation

npm

```
npm i @morpheme/select
```

yarn

```
yarn add @morpheme/select
```

pnpm

```
pnpm add @morpheme/select
```

## Usage

```vue
<script setup lang="ts">
import {ref} from 'vue';
import VSelect from '@morpheme/select';
import '@morpheme/select/dist/style.css';

const items = ref([
  {
    text: 'Item 1',
    value: 1,
  },
  {
    text: 'Item 2',
    value: 2,
  },
]);
</script>

<template>
  <VSelect :items="items" />
</template>
```

## Documentation

View full documentation [here](https://gits-ui.web.app/?path=/story/components-select--default).

## License

MIT
npm package: @morpheme/shimmer
Description: Shimmer Component / Loading Animation
Author: Warsono
Latest version: 1.0.0

# Shimmer

Shimmer component AKA loading animation AKA content placeholder.

## Installation

via npm:

```
npm i @morpheme/shimmer
```

via yarn:

```
yarn add @morpheme/shimmer
```

via pnpm:

```
pnpm i @morpheme/shimmer
```

## Usage

```vue
<script setup lang="ts">
// import component
import Shimmer from '@morpheme/shimmer';
// import style
import '@morpheme/shimmer/dist/style.css';
</script>

<template>
  <Shimmer />
</template>
```

## Documentation

View full documentation [here](https://gits-ui.web.app/?path=/story/components-shimmer--default).

## License

MIT
npm package: @morpheme/spinner
Description: Morpheme Spinner Component
Author: Warsono
Latest version: 1.0.0

# Morpheme Spinner Component

> Reusable Spinner Component

## Installation

npm

```
npm i @morpheme/spinner
```

yarn

```
yarn add @morpheme/spinner
```

pnpm

```
pnpm i @morpheme/spinner
```

## Usage

```vue
<script setup lang="ts">
import Spinner from '@morpheme/spinner';
</script>

<template>
  <Spinner />
</template>
```

## Documentation

View `Spinner` documentation [here](https://gitsindonesia.github.io/ui-component/components/spinner.html).

## License

MIT
npm package: @morpheme/stepper
Description: Morpheme Stepper Component
Author: Warsono
Latest version: 1.0.0

# Morpheme Steppers Component

## Installation

npm

```
npm i @morpheme/stepper
```

yarn

```
yarn add @morpheme/stepper
```

pnpm

```
pnpm i @morpheme/stepper
```

## Usage

```vue
<script setup lang="ts">
import Stepper from '@morpheme/stepper';

const items = Array.from({length: 5}, (v, k) => ({
  title: 'Title',
  subtitle: 'Subtitle',
  path: '/step/' + k,
}));
</script>

<template>
  <Stepper :items="items" />
</template>
```

## Documentation

View `Spinner` documentation [here](https://gitsindonesia.github.io/ui-component/components/stepper.html).

## License

MIT
npm package: @morpheme/switch
Description: Morpheme Vue Switch
Author: Warsono
Latest version: 1.0.1

# Morpheme Switch

Vue Switch Component.

## Installation

npm

```
npm i @morpheme/switch
```

yarn

```
yarn add @morpheme/switch
```

pnpm

```
pnpm i @morpheme/switch
```

## Usage

```vue
<script setup lang="ts">
import VSwitch from '@morpheme/switch';
import '@morpheme/switch/dist/style.css';
</script>

<template>
  <VSwitch />
</template>
```

## Documentation

View `Switch` documentation [here](https://gits-ui.web.app/?path=/story/components-switch--default).

## License

MIT
npm package: @morpheme/table
Description: Morpheme DataTable Table Component
Author: Warsono
Latest version: 1.0.1

# DataTable

DataTable component.

## Installation

npm

```
npm i @morpheme/table
```

yarn

```
yarn add @morpheme/table
```

pnpm

```
pnpm add @morpheme/table
```

## Usage

```vue
<script setup lang="ts">
import VDataTable from '@morpheme/table';
import '@morpheme/table/dist/style.css';

const states = ['active', 'inactive'];

const items = [...Array(30)].map((_, index) => ({
  index,
  name: `User-${index}`,
  email: `user-${index}@example.com`,
  age: index + 1 * 10,
  state: states[Math.floor(Math.random() * states.length)],
}));

const headers = [
  {
    value: 'index',
    text: 'No.',
  },
  {
    value: 'name',
    text: 'Name',
  },
  {
    value: 'email',
    text: 'Email',
  },
];
</script>

<template>
  <VDataTable :items="items" :headers="headers" />
</template>
```

## Documentation

View full documentation [here](https://gits-ui.web.app/?path=/story/components-table--default).

## License

MIT
npm package: @morpheme/tabs
Description: Morpheme Tabs Component
Author: Warsono
Latest version: 1.0.1

# Morpheme Tabs

Vue Tabs Component.

## Installation

npm

```
npm i @morpheme/tabs
```

yarn

```
yarn add @morpheme/tabs
```

pnpm

```
pnpm add @morpheme/tabs
```

## Usage

```vue
<script setup lang="ts">
// import component
import Tabs from '@morpheme/tabs';
// import styles
import '@morpheme/tabs/dist/style.css';

const items = ref([
  {
    text: 'Tab 1'
  }
  {,
    text: 'Tab 2'
  },
  {
    text: 'Tab 3'
  }
])

const selectedTab = ref(0)
</script>

<template>
  <Tabs v-model="selectedTab" :items="items" />
</template>
```

## Documentation

View full documentation [here](https://gits-ui.web.app/?path=/story/components-tabs--default).

## License

MIT
npm package: @morpheme/text
Description: Morpheme Text Component
Author: Warsono
Latest version: 1.0.0

# Morpheme Text

Morpheme Text Component.

## Installation

npm

```
npm i @morpheme/text
```

yarn

```
yarn add @morpheme/text
```

pnpm

```
pnpm i @morpheme/text
```

## Usage

```vue
<script setup lang="ts">
// import component
import VText from '@morpheme/text';
// import styles
import '@morpheme/text/dist/style.css';
</script>

<template>
  <VText>Hello World</VText>
</template>
```

## Font Weight

```vue
<script setup lang="ts">
// import component
import VText from '@morpheme/text';
// import styles
import '@morpheme/text/dist/style.css';
</script>

<template>
  <VText font-weight="semibold">Hello World</VText>
</template>
```

## Variant

```vue
<script setup lang="ts">
// import component
import VText from '@morpheme/text';
// import styles
import '@morpheme/text/dist/style.css';
</script>

<template>
  <VText variant="xs">Hello World</VText>
  <VText variant="sm">Hello World</VText>
  <VText variant="md">Hello World</VText>
  <VText variant="lg">Hello World</VText>
  <VText variant="xl">Hello World</VText>
  <VText variant="display-xs">Hello World</VText>
  <VText variant="display-sm">Hello World</VText>
  <VText variant="display-md">Hello World</VText>
  <VText variant="display-lg">Hello World</VText>
  <VText variant="display-xl">Hello World</VText>
</template>
```

## Colors

```vue
<script setup lang="ts">
// import component
import VText from '@morpheme/text';
// import styles
import '@morpheme/text/dist/style.css';
</script>

<template>
  <VText color="primary" variant="display-xs">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit
  </VText>
  <VText color="secondary" variant="display-xs">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit
  </VText>
  <VText color="info" variant="display-xs">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit
  </VText>
  <VText color="warning" variant="display-xs">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit
  </VText>
  <VText color="error" variant="display-xs">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit
  </VText>
  <VText color="success" variant="display-xs">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit
  </VText>
  <!-- design token color -->
  <VText color="rose.700" variant="display-xs">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit
  </VText>
  <!-- custom color -->
  <VText color="#FF87A0" variant="display-xs">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit
  </VText>
  <VText color="lightblue" variant="display-xs">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit
  </VText>
  <!-- unspecify color -->
  <VText variant="display-xs">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit
  </VText>
</template>
```

## Documentation

View `Tooltip` documentation [here](https://gits-ui.web.app/?path=/story/components-tooltip--default).

## License

MIT
npm package: @morpheme/timeline
Description: Morpheme Timeline Component
Author: Warsono
Latest version: 1.0.1

# Morpheme Timeline

Morpheme Timeline Component.

## Installation

npm

```
npm i @morpheme/timeline
```

yarn

```
yarn add @morpheme/timeline
```

pnpm

```
pnpm i @morpheme/timeline
```

## Usage

```vue
<script setup lang="ts">
import {
  VTimeline,
  VTimelineItem,
  VTimelineItemDot,
  VTimelineContent,
} from '@morpheme/timeline';
import VText from '@morpheme/text';
import VBtn from '@morpheme/button';

const items = [
  {
    date: 'June 2022',
    title: 'New feature release',
    description:
      "We've released an exciting new feature that will change the way you use our product.",
    link: '#',
    icon: 'mdi:rocket',
    button: 'View release notes',
    dot: {
      color: 'primary.100',
      textColor: 'primary.600',
    },
  },
  {
    date: 'May 2022',
    title: 'User interface redesign',
    description:
      "We've updated our user interface to improve usability and make it more intuitive.",
    link: '#',
    icon: 'mdi:palette',
    dot: {
      color: 'gray.100',
      textColor: 'gray.600',
    },
  },
  {
    date: 'April 2022',
    title: 'Server migration',
    description:
      "We're moving our servers to a new data center to improve performance and reliability.",
    link: '#',
    icon: 'mdi:server',
    dot: {
      color: 'warning.100',
      textColor: 'warning.600',
    },
  },
  {
    date: 'March 2022',
    title: 'New logo',
    description:
      "We've updated our logo to make it more recognizable and memorable.",
    link: '#',
    icon: 'mdi:brush',
    dot: {
      color: 'error.100',
      textColor: 'error.600',
    },
  },
];
</script>

<template>
  <VTimeline>
    <VTimelineItem v-for="item in items" :key="item.title">
      <VTimelineItemDot v-bind="item.dot">
        <VIcon :name="item.icon" size="xs" />
      </VTimelineItemDot>
      <VTimelineItemContent>
        <VText font-weight="semibold">
          {{ item.title }}
        </VText>
        <VText variant="sm" color="gray.500" class="mt-1">
          Published on {{ item.date }}
        </VText>
        <VText color="gray.600" class="mt-1">
          {{ item.description }}
        </VText>
        <VBtn v-if="item.button" class="mt-4">
          {{ item.button }}
        </VBtn>
      </VTimelineItemContent>
    </VTimelineItem>
  </VTimeline>
</template>
```

## Documentation

Check out storybook documentation [here](https://gits-ui.web.app/?path=/story/components-timeline--default).

## License

MIT
npm package: @morpheme/toast
Description: Toast component for Vue 3
Author: Warsono
Latest version: 1.0.1

# Morpheme Toast

Vue Toast Component.

## Installation

npm

```
npm i @morpheme/toast
```

yarn

```
yarn add @morpheme/toast
```

pnpm

```
pnpm i @morpheme/toast
```

## Usage

```vue
<script setup lang="ts">
import {ref} from 'vue';
import VToast from '@morpheme/toast';
import '@morpheme/toast/dist/style.css';

const isOpen = ref(true)
</script>

<template>
  <button @click="isOpen = !isOpen">
    {{ isOpen ? 'Close' : 'Open' }} Toast
  </button>
  <VToast v-model="isOpen">
    Toast message
  </VToast>
</template>
```

## Documentation

View full documentation [here](https://gits-ui.web.app/?path=/story/components-toast--default).

## License

MIT
npm package: @morpheme/tooltip
Description: Morpheme Tooltip Component
Author: Warsono
Latest version: 1.0.1

# Morpheme Tooltip Component

> Reusable Tooltip Component

## Installation

npm

```
npm i @morpheme/tooltip
```

yarn

```
yarn add @morpheme/tooltip
```

pnpm

```
pnpm i @morpheme/tooltip
```

## Usage

First, install the `FloatingVuePlugin`:

```ts
import {createApp} from 'vue'
import {FloatingVuePlugin} from '@morpheme/tooltip'

const app = createApp()
// use the plugin
app.use(FloatingVuePlugin)
```

Then, use it like so:

```vue
<script setup lang="ts">
// import styles
import '@morpheme/themes/dist/morpheme/main.css';
// import component
import VTooltip from '@morpheme/tooltip';
</script>

<template>
  <VTooltip>
    <template #activator>
      <button>Hover me</button>
    </template>
  </VTooltip>
  <span>I am a tooltip</span>
</template>
```

## Documentation

View `Tooltip` documentation [here](https://gits-ui.web.app/?path=/story/components-tooltip--default).

## License

MIT
npm package: @morpher-io/dd-abstractionkit
Description: Fork of Account Abstraction 4337 SDK by Candidelabs for Morpher Oracle
Author: Morpher Labs GmbH
Latest version: 0.0.1

<!-- PROJECT LOGO -->
<div align="center">
<img src="https://github.com/candidelabs/abstractionkit/assets/7014833/6af73235-3f6b-4cb1-8a57-6b04ba2bf327">
</div>

<div align="center">
  <h3 align="center">Supported by Safe Grants</h3>
</div>

A modified version of the [AbstractionKit](https://github.com/candidelabs/abstractionkit) library to enable support for data-dependent user operations.

## Docs

For full detailed documentation visit the Candide [docs page](https://docs.candide.dev/wallet/abstractionkit/introduction). 

## Installation [todo]

```bash
npm install abstractionkit
```

## Quickstart

The kit is used exaclty as the original one, refer to the original [readme](https://github.com/candidelabs/abstractionkit?tab=readme-ov-file#quickstart) for a quickstart.

The only difference is the management of data dependent user operations. If a contract the user is interacting with requires data, the kit will make use of contract calls and special bundler endpoints to manage that. Make sure that the bundler you're connecting to supports [data-dependency](https://github.com/Morpher-io/dd-voltaire).

### Creating and sending a data-dependent user operation

```typescript
const transaction : MetaTransaction = {
        to: yourDataDepndentContract,
        value: 0n,
        data: transactionCallData,
    }

// bundler will provide gas estimation on data-dependent endpoints
// the userOperation object is also containing the data requirements
const userOperation = await smartAccount.createUserOperation(
        [transaction],
        jsonRpcNodeProvider, // regular ethereum rpc for your chain
        bundlerUrl, // must be a dd-bundler
    )

userOperation.signature = smartAccount.signUserOperation(
        userOperation,
        [ownerPrivateKey],
        chainId,
    )

// correct bundler endpoint will be used according to data-dependecy
const sendUserOperationResponse = await smartAccount.sendUserOperation(
        userOperation, bundlerUrl
    )
```

## npm package [todo]
<a href="https://www.npmjs.com/package/abstractionkit">npm</a>

<!-- LICENSE -->
## License

MIT
npm package: @morphera/mds
Description: Morphera Design System - A collection of reusable React components styled with Tailwind CSS
Latest version: 0.1.1

# @morphera/mds

Morphera Design System - A collection of reusable React components styled with Tailwind CSS.

## Installation

```bash
npm install @morphera/mds
```

## Usage

Import the components you need:

```tsx
import { Button } from '@morphera/mds';

function App() {
  return (
    <Button variant="primary" size="md">
      Click me
    </Button>
  );
}
```

## Available Components

### Button

A flexible button component with multiple variants and sizes.

**Props:**
- `variant`: `'primary' | 'secondary' | 'outline'` (default: `'primary'`)
- `size`: `'sm' | 'md' | 'lg'` (default: `'md'`)
- All standard HTML button attributes

**Example:**

```tsx
import { Button } from '@morphera/mds';

<Button variant="primary" size="lg" onClick={() => console.log('clicked')}>
  Primary Button
</Button>

<Button variant="secondary" size="md">
  Secondary Button
</Button>

<Button variant="outline" size="sm">
  Outline Button
</Button>
```

## Development

This project uses Next.js for component development and preview.

```bash
# Install dependencies
npm install

# Start the dev server (preview components)
npm run dev

# Build the component library
npm run build:lib
```

Open [http://localhost:3000](http://localhost:3000) to preview components.

## Styling

This library uses Tailwind CSS for styling. Make sure you have Tailwind CSS configured in your project.

### Tailwind Configuration

Add this to your `tailwind.config.js`:

```js
module.exports = {
  content: [
    './src/**/*.{js,ts,jsx,tsx}',
    './node_modules/@morphera/mds/dist/**/*.{js,mjs}', // Include MDS components
  ],
  // ... rest of your config
};
```

## TypeScript

This library is written in TypeScript and includes type definitions.

## License

MIT

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
npm package: @morpheus-ui/core
Description: React UI Components Library
Author: Diogo Perillo
Latest version: 0.1.0

# Morpheus UI

[React](http://facebook.github.io/react/) UI components.

[![npm package](https://img.shields.io/npm/v/@morpheus-ui/core/latest.svg)](https://www.npmjs.com/package/@morpheus-ui/core)
[![CircleCI](https://circleci.com/gh/diogoperillo/morpheus-ui.svg?style=svg)](https://circleci.com/gh/diogoperillo/morpheus-ui)

## Installation

Morpheus-UI is available as an [npm package](https://www.npmjs.com/package/@morpheus-ui/core).

You'll need to install `@morpheus-ui/fonts` and `react-native-web` as dependencies

```sh
// with npm
npm install react-native-web @morpheus-ui/fonts @morpheus-ui/core

// with yarn
yarn add react-native-web @morpheus-ui/fonts @morpheus-ui/core
```

## Usage

Here is a quick example to get you started, **it's all you need**:

```jsx
import React from 'react'
import ReactDOM from 'react-dom'
import { Button } from '@morpheus-ui/core'

//Import the fonts in your root component
import '@morpheus-ui/fonts'

function App() {
  return <Button title="Hello World" />
}

ReactDOM.render(<App />, document.querySelector('#app'))
```

## Documentation

### Available Components
- Text
- Row
- Column
- Button
- TextField

## License

This project is licensed under the terms of the
[MIT license](/LICENSE).
npm package: @morpheus-ui/core-gatsby
Description: UI Library from Mainframe
Author: Mainframe
Latest version: 0.0.1

# Morpheus UI

[React](http://facebook.github.io/react/) components that implement [Mainframe Designs](https://mainframe.com).

[![npm package](https://img.shields.io/npm/v/@morpheus-ui/core/latest.svg)](https://www.npmjs.com/package/@morpheus-ui/core)
[![CircleCI](https://circleci.com/gh/MainframeHQ/morpheus-ui.svg?style=svg)](https://circleci.com/gh/MainframeHQ/morpheus-ui)

## Installation

Morpheus-UI is available as an [npm package](https://www.npmjs.com/package/@morpheus-ui/core).

You'll need to install `@morpheus-ui/fonts` and `react-native-web` as dependencies

```sh
// with npm
npm install react-native-web @morpheus-ui/fonts @morpheus-ui/core

// with yarn
yarn add react-native-web @morpheus-ui/fonts @morpheus-ui/core
```

## Usage

Here is a quick example to get you started, **it's all you need**:

```jsx
import React from 'react'
import ReactDOM from 'react-dom'
import { Button } from '@morpheus-ui/core'

//Import the fonts in your root component
import '@morpheus-ui/fonts'

function App() {
  return <Button title="Hello World" />
}

ReactDOM.render(<App />, document.querySelector('#app'))
```

## Documentation

### Available Components
- Text
- Row
- Column
- Button
- TextField

## License

This project is licensed under the terms of the
[MIT license](/LICENSE).
npm package: @morpheus-ui/fonts
Description: Morpheus UI - Fonts
Author: Mainframe
Latest version: 0.0.1


# Morpheus-UI Fonts

The CSS and web font files to self-host Morpheus-UI fonts.

## Install

`yarn add @morpheus-ui/fonts`

## Use

```javascript
// Load Fonts
import '@morpheus-ui/fonts'
```
npm package: @morpheusnephew/td-ameritrade
Description: A client for TD Ameritrade
Author: Jelani Jackson
Latest version: 1.1.1

# TD Ameritrade

This project is a typescript wrapper for [TD Ameritrade's API][td-documentation]

- [TD Ameritrade](#td-ameritrade)
  - [Usage](#usage)
  - [Responses](#responses)

## Usage

The default class of [clients][td-client] is the TdAmeritradeClient. It must be initialized with your client id and each client sub-client is a property of the TdAmeritradeClient for example the [accounts client][accounts-client].

```typescript
import TdAmeritradeClient from '@morpheusnephew/td-ameritrade/clients';

(async () => {
  // Initializing TD Ameritrade client with your client id and access token
  const client = new TdAmeritradeClient({
    accessToken: 'yourAccessToken',
  });

  // Makes request to get all accounts associated with your access token
  const { data: allAccounts } = await client.accounts.getAllAccounts();
})();
```

## Responses

As you may notice from the return signatures of client methods and in regards to the unit tests, the response data nor the status code of some of the endpoints are known just from looking at the [documentation][td-documentation]. So what you see in the unit tests specifically for CUD operations is me taking my best guess as to what the status code should be.

[td-documentation]: https://developer.tdameritrade.com/
[change-log]: https://github.com/MorpheusNephew/td-ameritrade/blob/main/CHANGELOG.md
[td-client]: https://github.com/MorpheusNephew/td-ameritrade/blob/main/src/clients/index.ts
[accounts-client]: https://github.com/MorpheusNephew/td-ameritrade/blob/main/src/clients/accounts-client.ts
npm package: @morpheusnephew/td-ameritrade-models
Description: Models from TD Ameritrade's API
Author: Jelani Jackson
Latest version: 0.12.15

# TD Ameritrade Models

This is the repository for all of the TD Ameritrade schemas provided on TD Ameritrade's developer [site](https://developer.tdameritrade.com/).

[CHANGELOG](CHANGELOG.md)

## Thanks

The models were first generated with [swagger-to-ts](https://github.com/drwpow/swagger-to-ts) in which without that, this would not be happening.
npm package: @morpheusnetwork/trustmnw-cli
Description: TrustMNW Command-Line Interface for running the node
Latest version: 1.0.1

# TrustMNW-CLI
TrustMNW Command-Line Interface for running the node

# Build
## Development
Fill the `.env.development` file with variables:
```dotenv
MAIN_API_URL=https://api.trustmnw.dev/v2/graphql
NODES_API_URL=https://nodes.staging.trustmnw.dev/graphql
VALIDATE_API_URL=https://validate.staging.trustmnw.dev/graphql

SENTRY_DSN=https://0790c3c21d1541719ccfd3d23c81dfe8@o4504360929329152.ingest.sentry.io/4504719372713984
```
Then run 
```shell
yarn build:dev
```

## Production
Fill the `.env.production` file with variables:
```dotenv
MAIN_API_URL=https://api.trustmnw.com/v2/graphql
NODES_API_URL=https://nodes.api.trust.supply/graphql
VALIDATE_API_URL=https://validate.api.trust.supply/graphql

SENTRY_DSN=https://e7a2bf85f2d2408488937c9bec21eea5@o4504360929329152.ingest.sentry.io/4504719384182784
```
Then run
```shell
yarn build:prod
```


# Run
To run built CLI, just type
```shell
node .
```

# Debug mode
To enable debug mode, run the CLI with param `--debug`, like:
```shell
node . --debug
```


# Publishing
1. Set the correct `name` and `bin[command]` in `package.json`, (`trustmnw-cli-dev` for staging, `trustmnw-cli` for production)
2. Set next version in `package.json`
3. Build required environment (`yarn build:prod` or `yarn build:dev`)
4. Rollback to current version in `package.json`
5. Run `git add .`
6. Run `yarn publish --access public`, set version, fill all required fields
7. Done
npm package: @morpheusnetwork/trustmnw-cli-dev
Description: TrustMNW Command-Line Interface for running the node
Latest version: 1.0.1

# TrustMNW-CLI
TrustMNW Command-Line Interface for running the node

# Build
## Development
Fill the `.env.development` file with variables:
```dotenv
MAIN_API_URL=https://api.trustmnw.dev/v2/graphql
NODES_API_URL=https://nodes.staging.trustmnw.dev/graphql
VALIDATE_API_URL=https://validate.staging.trustmnw.dev/graphql

SENTRY_DSN=https://0790c3c21d1541719ccfd3d23c81dfe8@o4504360929329152.ingest.sentry.io/4504719372713984
```
Then run 
```shell
yarn build:dev
```

## Production
Fill the `.env.production` file with variables:
```dotenv
MAIN_API_URL=https://api.trustmnw.com/v2/graphql
NODES_API_URL=https://nodes.api.trust.supply/graphql
VALIDATE_API_URL=https://validate.api.trust.supply/graphql

SENTRY_DSN=https://e7a2bf85f2d2408488937c9bec21eea5@o4504360929329152.ingest.sentry.io/4504719384182784
```
Then run
```shell
yarn build:prod
```


# Run
To run built CLI, just type
```shell
node .
```

# Debug mode
To enable debug mode, run the CLI with param `--debug`, like:
```shell
node . --debug
```


# Publishing
1. Set the correct `name` and `bin[command]` in `package.json`, (`trustmnw-cli-dev` for staging, `trustmnw-cli` for production)
2. Set next version in `package.json`
3. Build required environment (`yarn build:prod` or `yarn build:dev`)
4. Rollback to current version in `package.json`
5. Run `git add .`
6. Run `yarn publish --access public`, set version, fill all required fields
7. Done
npm package: @morpheusswap/sdk
Description: 🛠 An SDK for building applications on top of morpheusswap.
Author: morpheusswap
Latest version: 1.0.4

# MorpheusSwap 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/daedboi/morpheusswap-sdk
```

Move into the pancakeswap-sdk working directory

```sh
cd morpheusswap-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.
```