open-index/open-npm huggingface dataset:
npm package: @roniwilliams12/simplified-ui-input
Description: `simplifiedUI` is a minimal React UI component library that includes customizable input components, designed for optimal designing in your application.
Author: Roniwilliams
Latest version: 1.4.0

# SimplifiedUI

`simplifiedUI` is a minimal React UI component library that includes customizable input components, designed for optimal designing in your application.

## Table of Contents

- [Installation](#installation)
- [Usage](#usage)
- [Input Component](#input-component)
- [Customization](#customization)
- [Supported](#supported)
----
## Installation

Install `simplifiedUI` via npm:

```bash
npm i @roniwilliams12/simplified-ui-input 
```
---
## Usage


1. You have to install tailwindcss.
```bash
npm i tailwindcss -D postfix autoprefixer
npx tailwindcss init -p
```
2. Here is an example code of how to use the component from `SimplifiedUI`

````
import {Input} from '@roniwilliams12/simplified-ui-input

const App=()=>{
    return (
        <>
            <Input 
                type="text"
                placeholder="enter placeholder"
                change={your_function}
                label="your_label"
            >
        </>
    )
}

````
----
## Input Component

| Props   | Types   | Descriptions  |
|:------------|:------------|:------------|
|`type` |  `string`| The input type (e.g., text, email, password)|
|`label` |  `string`| Used to add the label|
|`placeholder` |  `string`| Used to add placeholder |
| `value` | `string` | Used to add value |
|`name`|`string`| Used to add name for input|
|`change`|`function`| This is the `onChange ` attribute return parametered with value in the input field|
|`readonly`|`boolean`| Defines whether the input can perform read or write|
|`required`|`boolean`| Defines whether the field is mandatory|
| `styles`| `object` | The object contains `container` `input ` `label` keys and values are `string`|
---
## Customization
- Using the styles attribute can override the styling to component.
- Use the tailwindcss classes for styling.
- The value to the attribute should be an object.
#### For example,
````
const inputStyle={
    container:" w-[500px] m-10 bg-slate-800",
    input:"text-white bg-slate-900",
    label:"text-lg font-bold"
}
```` 
---
## Supported
![React](https://img.shields.io/badge/React-61DAFB?style=flat-square&logo=react&logoColor=black) 
![Tailwind CSS](https://img.shields.io/badge/Tailwind%20CSS-06B6D4?style=flat-square&logo=tailwindcss&logoColor=white)

---
# THANK YOU FOR VISITING!!❤️
npm package: @ronjohnson/web-sounds
Description: this a package to add sounds to your website that need sounds eg button click sound etc
Author: Ronjohnson Owuor
Latest version: 0.0.8

<h1>WEB SOUNDS GUIDE</h1>
</br></br>
<b>What is web Sounds </b>
</br>
websounds is a project that help developers to add sound effect to their website.Though 
this can be achieved through the normal standard audio feature on the browser,Websounds build on this to bring for you multiple functionality into your  website.
</br>
</br>
<b>Where to use web-sounds</b>
</br>
You can use web sounds  when you are making your web  games or when you just need to add audio  flavour to your website eg button click sounds etc.Websounds will help with that
</br>
</br>
<b>Installation</b>
</br>
simply copy the code down below to add websounds to your current project
</br>
<code> npm i @ronjohnson/web-sounds@latest </code>
</br></br>
<b>How to use it</b>
Once you have installed websounds you can call it from anywhere in your 
code like so:
</br>
<code>
import { your_function } from "@ronjohnson/web-sounds"
//anywhere in your code
your_function(); //this line will play the default sound and default duration
</code>
</br>
</br>
check the functions table  to see how many  functions you can use with web sounds
Below is a table of functions and their explanation:
</br> 
</br>
</br>
<h3>Functions table</h3>
</br>
<table>
    <thead>
    <tr>
    <th>Function</th>
    </tr>
        <tr>
    <th>Explanation</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>play_reaction()</td>
    </tr>
    <tr>
    <td>Takes two parameter the name of the effect you want to play(check the effects list) and time where -1 is play the effect to the end while 7 is the default(time in seconds)
    example: play_reaction("car_hoot",-1);
    </td>
    </tr>
        <tr>
    <td>play_custom()</td>
    </tr>
    <tr>
    <td>same as the one above. Takes two parameter the url of the sound effect  you want to play and time where -1 is play the effect to the end while 7 is the default(time in seconds)
    example: play_reaction("car_hoot",-1); 
    </td>
    </tr>
    </tbody>
</table>


<h3>effect list</h3>
</br>
<ul>
<li>audience1</li>
<li>audience_long_deep</li>
<li>audience_firework</li>
<li>car_passing</li>
<li>car_hoot</li>
<li>car_engine_rave</li>
<li>car_fixing</li>
<li>default</li>
<li>foot_walk</li>
<li>snow_walk</li>
<li>shovel_dig</li>
<li>dig_underground</li>
<li>rocket_flyby</li>
<li>gun_cork</li>
<li>space_launch</li>
<li>foot_walk2</li>
<li>hospital_walk</li>
<li>walking_on_wood</li>
<li>gravel_walk</li>
<li>baby_cry</li>
<li>deep_baby_cry</li>
<li>crying_new_born</li>
<li>man_groan</li>
<li>ghost_cry</li>
<li>bird_cry</li>
<li>baby_cry_long</li>
<li>evil_laugh</li>
<li>evil_laugh_loud</li>
<li>witch_laugh</li>
<li>audience_laugh</li>
<li>button_click</li>
<li>error</li>
<li>success</li>
<li>camera_open</li>
</ul>
npm package: @ronjtech/tiny
Description: A tiny npm module that removes all spaces from a string
Latest version: 2.0.0

![npm](https://img.shields.io/npm/v/@ronjtech/tiny)
![npm bundle size](https://img.shields.io/bundlephobia/min/@ronjtech/tiny)

Remove all spaces from a string.

# Install

```shell
npm install @ronjtech/tiny
```

# Usage

```javascript
const tiny = require("@ronjtech/tiny");

tiny("There's a lot of space here!");
//-> "There'salotofspacehere!"

tiny(1234);
//-> Uncaught TypeError: Tiny needs a string!
//    at tiny (<anonymous>:2:41)
//    at <anonymous>:1:1
```
npm package: @ronnakamoto/fnv-1a
Description: This is a TypeScript implementation of FNV-1a Hash. Fowler–Noll–Vo (or FNV) is a non-cryptographic hash function which is fast and simple in design.
Author: Ron Nakamoto
Latest version: 1.1.2


# FNV-1a Hash 
[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/)

This is an extremly reliable TypeScript implementation of FNV-1a Hash that supports `32`, `64`, `128`, `256`, `512` and `1024` bit hashing. Fowler–Noll–Vo (or FNV) is a non-cryptographic hash function which is fast and simple in design.

FNV hashes are designed to be fast while maintaining a low collision rate. The FNV speed allows one to quickly hash lots of data while maintaining a reasonable collision rate. The high dispersion of the FNV hashes makes them well suited for hashing nearly identical strings such as URLs, hostnames, filenames, text, IP addresses, etc.



## Installation

Install FNV-1a Hash with npm

```bash
  npm install @ronnakamoto/fnv-1a
```
    
## Usage/Examples

```javascript

// ESM import
import fnv1a from '@ronnakamoto/fnv-1a'

// or CommonJS import
const fnv1a =  require('@ronnakamoto/fnv-1a').default;

//takes defaults { size: 32, outType: 'bigint' }
const hash = fnv1a("input"); 

// takes { size: 512, outType: 'bigint' }
const hash = fnv1a("input", { size: 512 }); 

// takes { size: 32, outType: 'bin' }
const hash = fnv1a("input", { outType: 'bin' }); 

// use those smiley faces. unicode support
const hash = fnv1a("😁😂😃"); 

// and of course fancy text as well
const hash = fnv1a("ℜ𝔬𝔫 𝔑𝔞𝔨𝔞𝔪𝔬𝔱𝔬"); 

// and supports any language
const hash = fnv1a("ロン 中本"); 

```


## Documentation

```typescript
  fnv1a(input: Input, options: Options): Output
```

| Parameter | Type     | Description                |
| :-------- | :------- | :------------------------- |
| `input` | `Input` | **Required**. Input data(`string`, `object`)|
| `options` | `Options` | **Required**. Options(`{ size: 32\|64\|128\|256\|512\|1024, outType: 'bigint'\|'hex'\|'bin'}`) |

Takes the input data and returns `BigInt` or `string`(hex, binary)


## Build and Run Locally

Clone the project

```bash
  git clone https://github.com/ronnakamoto/fnv-1a.git
```

Go to the project directory

```bash
  cd fnv-1a
```

Install dependencies

```bash
  npm install
```

Build the package

```bash
  npm run build
```


## Running Tests

To run tests, run the following command

```bash
  npm t
```


## Acknowledgements

 - [FNV Hash Parameters](http://www.isthe.com/chongo/tech/comp/fnv/index.html#FNV-reference-source)
npm package: @ronncc/onetab-syncer
Description: upload/download OneTab data to Gist
Author: ronncc
Latest version: 0.1.3


Maintained version of https://github.com/runoshun/onetab-sync

---

# onetab-syncer
Command line utility for sync and backup [OneTab](https://chrome.google.com/webstore/detail/onetab/chphlpgkkbolifaimnlloiipkdnihall) Chrome extension data.

## Install
```
npm install -g onetab-syncer
```

## Usage
```
  Usage: onetab-syncer [options] [command]

  upload/download OneTab data to Gist


  Options:

    -V, --version  output the version number
    -h, --help     output usage information


  Commands:

    upload          force upload onetab data to gist
    download        force download onetab data from gist
    sync            sync onetab data with gist
    restore <file>  restore onetab data from backup file
```
npm package: @ronniesong0809/random-generator
Description: A simple random things generator
Author: Ronnie Song
Latest version: 1.0.0

# Random Things Generator

It's a simple random things generator.

## Install

```shell
npm i @ronsong/random-generator
```

## Usage

```js
const { RandomInteger, RandomBoolean, RandomRGB, RandomDate, RandomAnimals } = require("@ronsong/random-generator")

RandomInteger()
// 17

RandomInteger(1, 6)
// 4

RandomBoolean()
// false

RandomRGB()
// rgb(158, 218, 190)

RandomRGB(true)
// rgb(181, 206, 227, 0.3)

RandomDate()
// 2021-02-18T10:53:33.287Z

RandomDate(new Date().getTime(), new Date().getTime())
// 2021-05-12T04:57:07.319Z

RandomAnimals()
// giant-panda

...
```

live demo: [https://runkit.com/embed/z954rwtibfpr](https://runkit.com/embed/z954rwtibfpr)

## APIs

### RandomInteger()

`
@param default min= 0, max = 100
`

Returns a random number.

### RandomBoolean()

Return a random boolean (true/false).

### RandomRGB()

`
@param default alpha = false
`

Return a random color in RGB.

### RandomDate()

`
@param default start = 01/01/1900, end = new Date()
`

Return a random date

### RandomAnimals()

Return a random animal

...

## License

It is an open-source npm package licensed under the "MIT License". Please see the file LICENSE for license terms.
npm package: @ronomon/opened
Description: Check if a file is open in another application on Windows, macOS and Linux.
Author: Joran Dirk Greef
Latest version: 1.5.2

# opened
Check if a file is open in another application on Windows, macOS and Linux. Linux requires privileges.

## Installation
```
npm install @ronomon/opened
```

## Windows
`Opened` uses a native binding on Windows to try and open an existing file with exclusive sharing mode (`dwShareMode`) and detect an `ERROR_SHARING_VIOLATION` error if another application already has an open handle to the file. This will detect any applications with open handles to the file, but not applications which have opened, buffered the file for display, and then closed the handle (i.e. applications which may be showing the file to the user, but which no longer have an open handle to the file).

## Unix
`Opened` uses `lsof` on macOS and on Linux. On Linux (but not on macOS), `lsof` requires sudo permissions to iterate across open file descriptors for the user, otherwise no files will be detected as open and no permissions error will be returned.

## Usage

```javascript
var Opened = require('@ronomon/opened');
var paths = [...];
Opened.files(paths,
  function(error, hashTable) {
    if (error) throw error;
    paths.forEach(
      function(path) {
        console.log(path + ' open=' + hashTable[path]);
      }
    );
  }
);
```

## Tests
```
node test.js
```
npm package: @ronomon/utimes
Description: Change the birth time (btime), modified time (mtime) and access time (atime) of a file.
Author: Joran Dirk Greef
Latest version: 2.3.1

# utimes
Change the birth time (`btime`), modified time (`mtime`) and/or access time (`atime`) of a file on Windows, macOS and Linux.

## Installation
```
npm install @ronomon/utimes
```

## Usage
Timestamps `btime`, `mtime`, `atime` should be passed as Unix millisecond timestamps. Timestamps which are `undefined` will not be changed. Linux does not support setting the `btime` timestamp. File descriptors are not supported at present.

```javascript
var Utimes = require('@ronomon/utimes');
var btime = 447775200000; // 1984-03-10T14:00:00.000Z
var mtime = undefined;
var atime = undefined;
Utimes.utimes(path, btime, mtime, atime, callback);
```

## Tests
```
node test.js
```
npm package: @ronp001/ts-utils
Description: miscellaneous typescript modules
Author: Ron Perry
Latest version: 4.1.0

[![Build Status](https://travis-ci.org/ronp001/ts-utils.svg?branch=master)](https://travis-ci.org/ronp001/ts-utils)

# ts-utils

This is where I keep various reusable utility classes for my typescript projects.  Some are more robust than others.

## What you can find here at the moment
* In `path_helper.ts`:  a class called `AbsPath`, which is somewhat inspired by ruby's `Pathname`.  For examples of how to use it, check out 
the unit test (`src/__tests__/path_helper.test.ts`).  Note that (at least at the moment) all operations are synchronous.

* In `git_logic.ts`: a class called `GitLogic` which has methods for executing various git operations.  no unit test for this one at this point.

* In `mock_fs_helper.ts`: `MockFSHelper` - a utility that simplifies copying files from the real filesystem
into the mocked filesystem.  Quite useful for fixing https://github.com/tschaub/mock-fs/issues/213
npm package: @ronpark/temp-files
Description: A utility for creating and managing temporary files and directories for testing, with automatic cleanup.
Author: ronpark.dev
Latest version: 0.0.1

# temp-files

The `temp-files` utility simplifies the creation of temporary files and directories for testing purposes. It is ideal for setting up a specific file structure for tests and ensures automatic cleanup after the tests are complete.

## Features

- **Create Temporary Files**: Easily create temporary files and directories based on a given file map.
- **Automatic Cleanup**: Provides a cleanup function to remove temporary files and directories after use.
- **Unique Temporary Paths**: Ensures the temporary directory path is unique to avoid conflicts.

## Installation

You can install `temp-files` via npm:

```bash
npm install @ronpark/temp-files --save-dev
```

## Usage

Here's a quick example of how to use `temp-files` in a Jest test:

```typescript
import fs from 'fs';
import path from 'path';
import { afterEach, describe, expect, it } from '@jest/globals';
import tempFiles from 'temp-files';

describe('Example test with tempFiles', () => {
  let basePath: string;
  let cleanUpFunc: (() => void) | null = null;

  afterEach(() => {
    cleanUpFunc?.();
  });

  it('should create and read temporary files correctly', () => {
    [basePath, cleanUpFunc] = tempFiles({
      'test.txt': 'Hello, world!',
    });

    const filePath = path.join(basePath, 'test.txt');
    expect(fs.existsSync(filePath)).toBe(true);
    expect(fs.readFileSync(filePath, 'utf8')).toBe('Hello, world!');
  });
});
```

## API

### `tempFiles(fileMap: Record<string, string>, options?: { maxRetries?: number }): [string, () => void]`

- **`fileMap`**: An object where keys are file paths and values are file contents.
- **`options`** (optional): Configuration object with a `maxRetries` property to specify the number of retries for generating a unique path (default is 10).
- **Returns**: A tuple containing:
  - `basePath`: The path to the temporary directory.
  - `cleanUpFunc`: A function to clean up the temporary files.

## License

MIT License.
npm package: @ronsong/random-generator
Description: A simple random things generator
Author: Ronnie Song
Latest version: 1.0.2

# Random Things Generator

It's a simple random things generator.

## Install

```shell
npm i @ronsong/random-generator
```

## Usage

```js
const { RandomInteger, RandomBoolean, RandomRGB, RandomDate, RandomAnimals } = require("@ronsong/random-generator")

RandomInteger()
// 17

RandomInteger(1, 6)
// 4

RandomBoolean()
// false

RandomRGB()
// rgb(158, 218, 190)

RandomRGB(true)
// rgb(181, 206, 227, 0.3)

RandomDate()
// 2021-02-18T10:53:33.287Z

RandomDate(new Date().getTime(), new Date().getTime())
// 2021-05-12T04:57:07.319Z

RandomAnimals()
// giant-panda

...
```

live demo: [https://runkit.com/embed/z954rwtibfpr](https://runkit.com/embed/z954rwtibfpr)

## APIs

### RandomInteger()

`
@param default min= 0, max = 100
`

Returns a random number.

### RandomBoolean()

Return a random boolean (true/false).

### RandomRGB()

`
@param default alpha = false
`

Return a random color in RGB.

### RandomDate()

`
@param default start = 01/01/1900, end = new Date()
`

Return a random date

### RandomAnimals()

Return a random animal

...

## License

It is an open-source npm package licensed under the "MIT License". Please see the file LICENSE for license terms.
npm package: @rontav/firebase-bolt-compiler
Description: Compiles Firebase Bolt files to TypeScript, Flow, & more
Author: Valentin Mocanu
Latest version: 3.1.6
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Firebase Bolt Compiler

[![CircleCI](https://circleci.com/gh/wcandillon/firebase-bolt-compiler.svg?style=svg)](https://circleci.com/gh/wcandillon/firebase-bolt-compiler)
[![npm](https://img.shields.io/npm/v/firebase-bolt-compiler.svg)](https://www.npmjs.com/package/firebase-bolt-compiler)

Compiles Firebase Bolt files to TypeScript, Flow, and more.

This package is a rewrite of [firebase-bolt-transpiler](https://github.com/fny/firebase-bolt-transpiler) in TypeScript. It uses the same AST types from the original [firebase-bolt](https://github.com/firebase/bolt) package providing more safety and flexibility to generate different code artifacts.

## Installation

```bash
yarn install firebase-bolt-compiler
```

## Usage

To generate TypeScript:

```bash
firebase-bolt-compiler < rules.bolt
```

To generate Flow:

```bash
firebase-bolt-compiler --flow < rules.bolt
```

## Example

Using the following `rules.bolt` file as an input:

```
path /users/{uid} is Users {
  read() { true }
  write() { isCurrentUser(uid) }
}

type Users extends User[] {}

type User {
  firstName: String;
  lastName: String;
}
```

Will generate the TypeScript code below:

```
export const P_users = ['users'] as const;

export type T_Users = { [key: string]: T_User };

export interface T_User {
    firstName: string;
    lastName: string;
}

export interface dbPaths {
    users?: Record<string, T_Users>
}
```
npm package: @rontrol-dev/monobundle
Description: working in monorepo which maintained by [lerna](https://github.com/lerna/lerna) once `index.ts` exists in root folder of sub module `monobundle` will take over the bundle flow.
Latest version: 0.1.0

# monobundle

working in monorepo which maintained by [lerna](https://github.com/lerna/lerna)
once `index.ts` exists in root folder of sub module
`monobundle` will take over the bundle flow.

## features

- rollup to bundle to single file, for `cjs` and `es`
  - with deps usage and missing checking.
- typescript transpile through babel
  - but typescript declaration through typescript, and use `rollup-plugin-dts` to merge to single `index.d.ts`
- respect the babel configuration of whole project
  - "monobundle": { "env":"browser" } of sub module could switch babel env as `ROLLUP_BROWSER`
npm package: @rontrol/persister
Description: 根据 store state key 的前缀 `$` 决定是否要缓存 (双 `$$` 表示要多 tab 同步)。
Latest version: 0.0.3

# persister

根据 store state key 的前缀 `$` 决定是否要缓存 (双 `$$` 表示要多 tab 同步)。

另外如果 store state 的值是 `object` 且有 `expireAt`(RFC3339) 字段，将判断是否过期。过期则不读。
npm package: @roo-app/react-code-block
Description: A react code block component
Author: Chase Roossin
Latest version: 0.0.6

# React Code Block

[![npm version](https://badge.fury.io/js/@roo-app%2Freact-code-block.svg)](https://badge.fury.io/js/@roo-app%2Freact-code-block)

- [Installation](#installation)
- [Usage](#usage)
- [Props](#props)
- [Icons](#icons)
- [Demo](#demo)

#### Installation

Install with your favorite package manager

```bash
# yarn
yarn add @roo-app/react-code-block
# pnpm
pnpm i @roo-app/react-code-block
# npm
npm i @roo-app/react-code-block
```

#### Usage

In order to use CodeBlock, simply import and use in a component:

```typescript
import CodeBlock from "@roo-app/react-code-block";
import { themes } from "prism-react-renderer";

const codeBlock = `
const GroceryItem: React.FC<GroceryItemProps> = ({ item }) => {
  return (
    <div>
      <h2>{item.name}</h2>
      <p>Price: {item.price}</p>
      <p>Quantity: {item.quantity}</p>
    </div>
  );
}
`;
function ReactCodeBlockExample() {
  return (
    <CodeBlock
      code={codeBlock}
      theme={themes.vsDark}
      language="tsx"
      onCopy={(value) => {
        console.log(value);
      }}
    />
  );
}

export default ReactCodeBlockExample;
```

#### Props

`CodeBlock` properties extends [HighlightProps](https://github.com/FormidableLabs/prism-react-renderer/blob/f27b612fe71865bde05f66faa3902b4daadce210/packages/prism-react-renderer/src/types.ts#L54-L60) from `prism-react-renderer`. Outside of the existing properties we expose:

| Prop name         | Type                      | Description                                                | Example    | Required |
| ----------------- | ------------------------- | ---------------------------------------------------------- | ---------- | -------- |
| `highlightLines`  | `Array<number>`           | The line numbers you want to highlight                     | [1,5,7]    | No       |
| `filename`        | `string`                  | The filename to show at the top of the code block          | MyFile.tsx | No       |
| `showLineNumbers` | `boolean`                 | To show line number or not                                 | `false`    | No       |
| `showFileIcon`    | `boolean`                 | To show the icon left of the filename - must have filename | `false`    | No       |
| `onCopy`          | `(value: string) => void` | Callback if user taps on the copy logo                     |            | No       |

### Icons

We support a handful of filetype icons. Here is the current list:

- jsx
- tsx
- swift
- kotlin
- objectivec
- rust
- graphql
- go
- markdown
- python

#### Demo

You can find a demo on [my website](https://roo.app/code-block) or go to the `example/` directory and run it there.
npm package: @roo-code/types
Description: TypeScript type definitions for Roo Code.
Author: Roo Code Team
Latest version: 1.115.0

# Roo Code API

The Roo Code extension exposes an API that can be used by other extensions.
To use this API in your extension:

1. Install `@roo-code/types` with npm, pnpm, or yarn.
2. Import the `RooCodeAPI` type.
3. Load the extension API.

```typescript
import { RooCodeAPI } from "@roo-code/types"

const extension = vscode.extensions.getExtension<RooCodeAPI>("RooVeterinaryInc.roo-cline")

if (!extension?.isActive) {
	throw new Error("Extension is not activated")
}

const api = extension.exports

if (!api) {
	throw new Error("API is not available")
}

// Start a new task with an initial message.
await api.startNewTask("Hello, Roo Code API! Let's make a new project...")

// Start a new task with an initial message and images.
await api.startNewTask("Use this design language", ["data:image/webp;base64,..."])

// Send a message to the current task.
await api.sendMessage("Can you fix the @problems?")

// Simulate pressing the primary button in the chat interface (e.g. 'Save' or 'Proceed While Running').
await api.pressPrimaryButton()

// Simulate pressing the secondary button in the chat interface (e.g. 'Reject').
await api.pressSecondaryButton()
```

**NOTE:** To ensure that the `RooVeterinaryInc.roo-cline` extension is activated before your extension, add it to the `extensionDependencies` in your `package.json`:

```json
"extensionDependencies": ["RooVeterinaryInc.roo-cline"]
```

For detailed information on the available methods and their usage, refer to the `roo-code.d.ts` file.
npm package: @roo-ui/assets
Description: <!-- STORY -->
Latest version: 0.62.5
Deprecated: roo-ui has been combined into a single package, please install 'roo-ui' instead

# Assets

<!-- STORY -->

## Installation

```shell
$ yarn add @roo-ui/assets
```

## Example

```js
import { roo } from '@roo-ui/assets';

export default <img alt="Roo" src={roo} />;
```