open-index/open-npm huggingface dataset:
npm package: @proicons/react
Description: ProIcons icon library for ReactJS
Author: ProCode Software
Latest version: 4.13.5

# ProIcons for React

<p>
    <a href="https://github.com/ProCode-Software/proicons/releases">
        <img src="https://img.shields.io/github/v/release/ProCode-Software/proicons?style=for-the-badge"
            alt="Version">
    </a>
    <a href="https://github.com/ProCode-Software/proicons">
        <img src="https://img.shields.io/github/stars/ProCode-Software/proicons?style=for-the-badge"
            alt="Stars">
    </a>
    <a href="https://www.npmjs.com/package/@proicons/react">
        <img src="https://img.shields.io/npm/dm/@proicons/react?label=downloads&style=for-the-badge" alt="NPM Package">
    </a>
    <a href="https://github.com/ProCode-Software/proicons/blob/main/LICENSE">
        <img src="https://img.shields.io/github/license/ProCode-Software/proicons?style=for-the-badge" alt="License">
    </a>
</p>

<img src="https://raw.githubusercontent.com/ProCode-Software/proicons/main/.github/images/github-cover-react_light.png#gh-light-mode-only">
<img src="https://raw.githubusercontent.com/ProCode-Software/proicons/main/.github/images/github-cover-react_dark.png#gh-dark-mode-only">

<p align="center">
<br>
⚛️ An implementation of the <a href="https://github.com/ProCode-Software/proicons" target="_blank">ProIcons</a> icon library for React applications.
<br>
<a href="https://procode-software.github.io/proicons/icons">Browse icons</a> | 
<a href="https://procode-software.github.io/proicons/docs/react">Documentation</a> | 
<a href="https://github.com/ProCode-Software/proicons/tree/main/packages/proicons-react">GitHub</a> | 
<a href="https://www.npmjs.com/package/@proicons/react">NPM</a>
</p>

## Features

- All icons are available as customizable React components
- Supports ESM tree-shaking

**[Read the full documentation here](https://procode-software.github.io/proicons/docs/react)**

## Installation

Install via [NPM](https://npmjs.com/package/@proicons/react):

```shell
npm install @proicons/react
```

> [!IMPORTANT]
> This package is ESM-only. To use in CommonJS contexts, use `await import('@proicons/react')` (asynchronous) or `require('@proicons/react')` in newer Node.js versions.

## Usage

All icons are available as React components named in PascalCase and may end in `Icon`.

To import the Add Square icon:

```jsx
import { SearchIcon } from '@proicons/react'

function App() {
    return <SearchIcon color="red" size={32} />
}
```

## Request an icon

If an icon you want isn't in the set, you can request an icon in [discussions](https://github.com/ProCode-Software/proicons/discussions/categories/icon-requests).

## Contributing

For more info on how to contribute, please see our [contributing guide](https://github.com/ProCode-Software/proicons/blob/main/CONTRIBUTING.md).
npm package: @proicons/svelte
Description: ProIcons icon library for Svelte
Author: ProCode Software
Latest version: 4.13.5

# ProIcons for Svelte

<p>
    <a href="https://github.com/ProCode-Software/proicons/releases">
        <img src="https://img.shields.io/github/v/release/ProCode-Software/proicons?style=for-the-badge"
            alt="Version">
    </a>
    <a href="https://github.com/ProCode-Software/proicons">
        <img src="https://img.shields.io/github/stars/ProCode-Software/proicons?style=for-the-badge"
            alt="Stars">
    </a>
    <a href="https://www.npmjs.com/package/@proicons/svelte">
        <img src="https://img.shields.io/npm/dm/@proicons/svelte?label=downloads&style=for-the-badge"
            alt="NPM Package">
    </a>
    <a href="https://github.com/ProCode-Software/proicons/blob/main/LICENSE">
        <img src="https://img.shields.io/github/license/ProCode-Software/proicons?style=for-the-badge"
            alt="License">
    </a>
</p>

<img src="https://raw.githubusercontent.com/ProCode-Software/proicons/main/.github/images/github-cover-svelte_light.png#gh-light-mode-only">
<img src="https://raw.githubusercontent.com/ProCode-Software/proicons/main/.github/images/github-cover-svelte_dark.png#gh-dark-mode-only">

<p align="center">
<br>
An implementation of the <a href="https://github.com/ProCode-Software/proicons" target="_blank">ProIcons</a> icon library for Svelte applications.
<br>
<a href="https://procode-software.github.io/proicons/icons">Browse icons</a> | 
<a href="https://procode-software.github.io/proicons/docs/svelte">Documentation</a> | 
<a href="https://github.com/ProCode-Software/proicons/tree/main/packages/proicons-svelte">GitHub</a> | 
<a href="https://www.npmjs.com/package/@proicons/svelte">NPM</a>
</p>

## Features

- All icons are available as customizable Svelte components
- Supports ESM tree-shaking

**[Read the full documentation here](https://procode-software.github.io/proicons/docs/svelte)**

## Installation

Install via [NPM](https://npmjs.com/package/@proicons/svelte):

```shell
npm install @proicons/svelte
```

## Usage

All icons are available as Svelte components named in PascalCase and may end in `Icon`.

To import the Add Square icon:

```svelte
<script>
import { SearchIcon } from '@proicons/svelte'

</script>

<SearchIcon color="red" size={32} />
```

There are several ways to import an icon into your Svelte component. These are all the same:

```javascript
import { AddIcon } from '@proicons/svelte'
import { AddIcon } from '@proicons/svelte/icons'
import AddIcon from '@proicons/svelte/AddIcon'
```

## Request an icon

If an icon you want isn't in the set, you can request an icon in [discussions](https://github.com/ProCode-Software/proicons/discussions/categories/icon-requests).

## Contributing

For more info on how to contribute, please see our [contributing guide](https://github.com/ProCode-Software/proicons/blob/main/CONTRIBUTING.md).
npm package: @proicons/vue
Description: ProIcons icon library for Vue
Author: ProCode Software
Latest version: 4.13.5

# ProIcons for Vue

<p>
    <a href="https://github.com/ProCode-Software/proicons/releases">
        <img src="https://img.shields.io/github/v/release/ProCode-Software/proicons?style=for-the-badge"
            alt="Version">
    </a>
    <a href="https://github.com/ProCode-Software/proicons">
        <img src="https://img.shields.io/github/stars/ProCode-Software/proicons?style=for-the-badge"
            alt="Stars">
    </a>
    <a href="https://www.npmjs.com/package/@proicons/vue">
        <img src="https://img.shields.io/npm/dm/@proicons/vue?label=downloads&style=for-the-badge"
            alt="NPM Package">
    </a>
    <a href="https://github.com/ProCode-Software/proicons/blob/main/LICENSE">
        <img src="https://img.shields.io/github/license/ProCode-Software/proicons?style=for-the-badge"
            alt="License">
    </a>
</p>

<img src="https://raw.githubusercontent.com/ProCode-Software/proicons/main/.github/images/github-cover-vue_light.png#gh-light-mode-only">
<img src="https://raw.githubusercontent.com/ProCode-Software/proicons/main/.github/images/github-cover-vue_dark.png#gh-dark-mode-only">

<p align="center">
<br>
An implementation of the <a href="https://github.com/ProCode-Software/proicons" target="_blank">ProIcons</a> icon library for Vue 3 applications.
<br>
<a href="https://procode-software.github.io/proicons/icons">Browse icons</a> | 
<a href="https://procode-software.github.io/proicons/docs/vue">Documentation</a> | 
<a href="https://github.com/ProCode-Software/proicons/tree/main/packages/proicons-vue">GitHub</a> | 
<a href="https://www.npmjs.com/package/@proicons/vue">NPM</a>
</p>

## Features

- All icons are available as customizable Vue components
- Supports ESM tree-shaking

**[Read the full documentation here](https://procode-software.github.io/proicons/docs/vue)**

## Installation

Install via [NPM](https://npmjs.com/package/@proicons/vue):

```shell
npm install @proicons/vue
```

> [!IMPORTANT]
> This package is ESM-only. To use in CommonJS contexts, use `await import('@proicons/vue')` (asynchronous) or `require('@proicons/vue')` in newer Node.js versions.

## Usage

All icons are available as Vue components named in PascalCase and may end in `Icon`.

To import the Add Square icon:

```vue
<script setup lang="ts">
import { AddSquareIcon } from '@proicons/vue'
// or
import { AddSquare } from '@proicons/vue'
</script>

<template>
    <AddSquareIcon :size="32" color="red">
</template>
```

## Request an icon

If an icon you want isn't in the set, you can request an icon in [discussions](https://github.com/ProCode-Software/proicons/discussions/categories/icon-requests).

## Contributing

For more info on how to contribute, please see our [contributing guide](https://github.com/ProCode-Software/proicons/blob/main/CONTRIBUTING.md).
npm package: @proicons/webfont
Description: Use ProIcons as a webfont on your site
Author: ProCode Software
Latest version: 4.13.5

# ProIcons Webfont

<p>
    <a href="https://github.com/ProCode-Software/proicons/releases">
        <img src="https://img.shields.io/github/v/release/ProCode-Software/proicons?style=for-the-badge"
            alt="Version">
    </a>
    <a href="https://github.com/ProCode-Software/proicons">
        <img src="https://img.shields.io/github/stars/ProCode-Software/proicons?style=for-the-badge"
            alt="Stars">
    </a>
    <a href="https://www.npmjs.com/package/@proicons/webfont">
        <img src="https://img.shields.io/npm/dm/@proicons/webfont?label=downloads&style=for-the-badge"
            alt="NPM Package">
    </a>
    <a href="https://github.com/ProCode-Software/proicons/blob/main/LICENSE">
        <img src="https://img.shields.io/github/license/ProCode-Software/proicons?style=for-the-badge"
            alt="License">
    </a>
</p>

<img src="https://raw.githubusercontent.com/ProCode-Software/proicons/main/.github/images/github-cover_light.png#gh-light-mode-only">
<img src="https://raw.githubusercontent.com/ProCode-Software/proicons/main/.github/images/github-cover_dark.png#gh-dark-mode-only">

<p align="center">
<br>
🔡 Use <a href="https://github.com/ProCode-Software/proicons" target="_blank">ProIcons</a> as a webfont on your site without the need of using scripts.
<br>
<a href="https://procode-software.github.io/proicons/icons">Browse icons</a> | 
<a href="https://procode-software.github.io/proicons/docs/webfont">Documentation</a> | 
<a href="https://github.com/ProCode-Software/proicons/tree/main/packages/proicons-webfont">GitHub</a> | 
<a href="https://www.npmjs.com/package/@proicons/webfont">NPM</a>
</p>

## Features

- Works out of the box, no scripts needed.
- Contains TTF, WOFF, WOFF2 and EOT formats

**[Read the full documentation here](https://procode-software.github.io/proicons/docs/webfont)**

## Installation

### Import via UNPKG

```html
<link rel="stylesheet" href="https://unpkg.com/@proicons/webfont" />
```

### Install via NPM

```shell
npm install @proicons/webfont
```

```html
<link rel="stylesheet" href="path/to/@proicons/webfont/ProIcons.css" />
```

## Usage

Import a ProIcon by creating an `<i>` element with the class `proicon-[icon name]`. Make sure the icon name is in kebab-case.

To import the Add icon:

```html
<i class="proicon-add"></i>
```

## Request an icon

If an icon you want isn't in the set, you can request an icon in [discussions](https://github.com/ProCode-Software/proicons/discussions/categories/icon-requests).

## Contributing

For more info on how to contribute, please see our [contributing guide](https://github.com/ProCode-Software/proicons/blob/main/CONTRIBUTING.md).
npm package: @proj-airi/cap-vite
Description: CLI that starts a Vite dev server and runs Capacitor live reload
Author: Moeru AI Project AIRI Team
Latest version: 0.9.0

# @proj-airi/cap-vite

CLI for [Capacitor](https://capacitorjs.com/) live-reload development using Vite.

## Usage

```bash
cap-vite [vite args...] -- <ios|android> [cap run args...]
```

Examples:

```bash
pnpm exec cap-vite -- ios --target <DEVICE_ID_OR_SIMULATOR_NAME>
pnpm exec cap-vite -- --host 0.0.0.0 --port 5173 -- android --target <DEVICE_ID_OR_SIMULATOR_NAME> --flavor release
CAPACITOR_DEVICE_ID_IOS=<DEVICE_ID_OR_SIMULATOR_NAME> pnpm exec cap-vite -- ios
pnpm -F @proj-airi/stage-pocket run dev:ios -- --target <DEVICE_ID_OR_SIMULATOR_NAME>
```

- Arguments before `--` are forwarded to `vite`.
- Arguments after `--` are forwarded to `cap run`.
- If the platform-specific env is set (`CAPACITOR_DEVICE_ID_IOS` or `CAPACITOR_DEVICE_ID_ANDROID`) and `cap run` args do not contain `--target`, `cap-vite` injects `--target` with that value automatically.
- `cap-vite` always launches the Vite dev server. Do not pass `vite dev` or `vite serve` as extra args.
- After the dev server starts, press `R` in the terminal to re-run `cap run` without restarting Vite.

You can see the list of available devices and simulators by running `pnpm exec cap run ios --list` or `pnpm exec cap run android --list`.

## Capacitor Configuration

You need to set `server.url` in `capacitor.config.ts` to the env variable `CAPACITOR_DEV_SERVER_URL`, then the cli will handle rest for you.

```ts
const serverURL = env.CAPACITOR_DEV_SERVER_URL
const isCleartext = serverURL?.startsWith('http://') ?? false

const config: CapacitorConfig = {
  appId: 'com.example.app',
  appName: 'Example App',
  webDir: 'dist',
  server: serverURL
    ? {
        url: serverURL,
        cleartext: isCleartext,
      }
    : undefined,
}

export default config
```

## Why we need this?

- No need to care what `server.url` should be, it will be automatically set to the correct value.
- Rerun native app when native code changes, you won't forget to start it.
- Rerun `cap run` on demand from the same terminal when you need a clean native relaunch.
- No need to open two terminals to run the project, you can run it with one command.

## Architecture Notes

- Vite arguments are left to the real Vite CLI instead of being reimplemented inside `cap-vite`.
- `cap-vite` injects a wrapper config so it can append its own Vite plugin without editing the user's existing `vite.config.*`.
- The injected plugin reads `server.resolvedUrls`, starts `cap run`, and restarts it when files under the native platform directory change or when you press `R` in the terminal.
- `cap-vite` only splits the two argument groups and passes the `cap run` arguments into the injected plugin through environment variables.
npm package: @proj-airi/duckdb-wasm
Description: Easy to use @duckdb/duckdb-wasm wrapper for both browser and Node.js environments
Author: Neko Ayaka
Latest version: 0.4.29

# Easy to use `@duckdb/duckdb-wasm` wrapper for both browser and Node.js environments

> [Playground](https://drizzle-orm-duckdb-wasm.netlify.app/)

## Installation

Pick the package manager of your choice:

```shell
ni @proj-airi/duckdb-wasm -D # from @antfu/ni, can be installed via `npm i -g @antfu/ni`
pnpm i @proj-airi/duckdb-wasm -D
yarn i @proj-airi/duckdb-wasm -D
npm i @proj-airi/duckdb-wasm -D
```

## Usage

### Browser

```html
<script setup lang="ts">
  import type { DuckDBWasmClient } from '@proj-airi/duckdb-wasm'

  import { connect, getEnvironment } from '@proj-airi/duckdb-wasm'
  import { getImportUrlBundles } from '@proj-airi/duckdb-wasm/bundles/import-url-browser'
  import { onMounted, onUnmounted, ref } from 'vue'

  const db = ref<DuckDBWasmClient>()

  onMounted(async () => {
    db.value = await connect({ bundles: getImportUrlBundles })
    const result = await db.value.conn.query('SELECT 1 + 1 AS res')
    console.log(result) // Output: [{ res: 2 }]
  })

  onUnmounted(() => {
    db.value?.close()
  })
</script>
```

### Node.js

You will need to install `web-worker` too.

```shell
ni web-worker # from @antfu/ni, can be installed via `npm i -g @antfu/ni`
pnpm i web-worker
yarn i web-worker
npm i web-worker
```

```typescript
import { connect, getEnvironment } from '@proj-airi/duckdb-wasm'
import { getImportUrlBundles } from '@proj-airi/duckdb-wasm/bundles/default-node'

async function main() {
  const { conn, close } = await connect({ bundles: getImportUrlBundles })
  const result = await conn.query('SELECT 1 + 1 AS res')
  console.log(result) // Output: [{ res: 2 }]

  await close()
}
```

## Footnotes

Check out the [Drizzle ORM driver](https://github.com/proj-airi/duckdb-wasm/blob/main/packages/drizzle-duckdb-wasm/README.md) we made for `@duckdb/duckdb-wasm` as well!
npm package: @proj-airi/plugin-protocol
Description: Plugin protocol event definitions and shared websocket types for Project AIRI
Author: Moeru AI Project AIRI Team
Latest version: 0.9.0

# @proj-airi/plugin-protocol

Shared protocol contracts for plugin-module communication in Project AIRI.

## What it does

- Defines websocket event names and payload types for module/plugin orchestration.
- Exposes Eventa event definitions bound to protocol event names.
- Provides shared transport/event utility types used by server and plugin runtimes.

## How to use

```ts
import type { WebSocketEvent, WebSocketEventOf, WebSocketEvents } from '@proj-airi/plugin-protocol/types'

import { moduleAnnounce, moduleAuthenticate } from '@proj-airi/plugin-protocol/types'
```

## When to use

- You need canonical protocol contracts for plugin <-> host communication.
- You need event name stability and matching payload definitions across runtimes.

## When not to use

- You only need higher-level runtime client APIs from SDK packages.
- You are implementing app-only UI state that is not part of plugin/server transport contracts.

## License

[MIT](../../LICENSE)
npm package: @proj-airi/server-sdk
Description: Client-side SDK implementation for connecting to AIRI server components and runtimes
Author: Moeru AI Project AIRI Team
Latest version: 0.9.0

# @proj-airi/server-sdk

The SDK for cliet-side code to connect to the server-side components.

## Usage

```shell
ni @proj-airi/server-sdk -D # from @antfu/ni, can be installed via `npm i -g @antfu/ni`
pnpm i @proj-airi/server-sdk -D
yarn i @proj-airi/server-sdk -D
npm i @proj-airi/server-sdk -D
```

```typescript
import { Client } from '@proj-airi/server-sdk'

const client = new Client({
  name: 'your airi plugin',
  autoConnect: false,
})

await client.connect()

client.onEvent('input:text', async (event) => {
  console.info(event.data.text)
})
```

`connect()` now resolves when the client is fully ready for use, not just when the websocket transport has opened. In practice that means:

- the socket is open
- authentication succeeded when a token is configured
- the module has announced itself successfully

Useful runtime helpers:

- `client.connectionStatus` exposes the current lifecycle state
- `client.isReady` tells you whether the client has completed authentication + announce
- `client.send()` returns `false` instead of silently dropping messages when the socket is unavailable
- `client.sendOrThrow()` is available when you want strict delivery semantics
- `client.onEvent()` returns an unsubscribe function

## License

[MIT](../../LICENSE)
npm package: @proj-airi/server-shared
Description: Server shared types, utilities for AIRI server components and runtimes
Author: Moeru AI Project AIRI Team
Latest version: 0.9.0

# @proj-airi/server-shared

The shared type definitions for all server-side packages of Project AIRI.

## Usage

```shell
ni @proj-airi/server-shared -D # from @antfu/ni, can be installed via `npm i -g @antfu/ni`
pnpm i @proj-airi/server-shared -D
yarn i @proj-airi/server-shared -D
npm i @proj-airi/server-shared -D
```

```typescript
import type { WebSocketEvents } from '@proj-airi/server-shared'
```

## How to use the events in distributed use cases?

### Scenarios

#### Minecraft agent

##### 1. Urgent combat (witch attack)

- Minecraft sends `spark:notify` (kind=alarm, urgency=immediate, payload hp/location/gear, destinations=["character"]).
- Character `spark:emit` working ("Seen it").
- Character issues `spark:command` with interrupt=force and options (retreat vs push).
- Minecraft `spark:emit` working ("Pillared up; healing") then done/blocked as it executes.
- Optional `context:update` for summary/memory.

##### 2. Prep plan (Ender Dragon)

- Discord/user intent triggers character `spark:command` to Minecraft (intent=plan, interrupt=soft, steps gather beds/pots/gear, fallback).
- Optional `context:update` with tips (lane='game').
- Minecraft streams `spark:emit` progress.
- If ambushed, Minecraft raises new `spark:notify` (alarm/immediate) to preempt.
- Character revises with another `spark:command`.
- Completion via `spark:emit` done + summary note.

##### 3. Routine nudge

- Minecraft signals low food via `spark:notify` (kind=reminder, urgency=soon, destinations=["character"]).
- Character defers to next tick and sends `spark:command` (interrupt=soft, intent=plan: "gather food nearby").
- Minecraft `spark:emit` queued/working then done.

##### 4. Multi-step command while researching (plan + live control)

> [!NOTE]
> Using `intent=plan` keeps the loop alive even with un-finalized ideas—similar to TODO scaffolding in coding agents—while richer guidance is still being researched.

- Character receives a user goal (e.g., fortify base) and issues an initial `spark:command` to Minecraft (interrupt=soft, intent=plan, steps to gather materials) so the agent keeps working.
- Character simultaneously performs memory/search/design tasks outside the game loop (wiki lookup, prior notes).
- As insights arrive, character sends `context:update` (lane='game', hints/ideas) to enrich the sub-agent without preemption.
- If an urgent event occurs during prep, Minecraft raises `spark:notify` (alarm) → character responds with a short `spark:emit` working and a `spark:command` (interrupt=force) to handle it (e.g., retreat, block up).
- Once design is ready, character sends a refined `spark:command` (`intent=proposal` (or `action`), `interrupt=soft`) with structured options/steps/fallbacks.
- Minecraft streams `spark:emit` progress; when complete, character summarizes via `spark:emit` or `context:update` for memory.

## License

[MIT](../../LICENSE)
npm package: @proj-airi/ui
Description: A collection of UI components that used by Project AIRI
Author: Moeru AI Project AIRI Team
Latest version: 0.9.0

# @proj-airi/ui

A stylized UI component library built with [Reka UI](https://reka-ui.com/) and [UnoCSS](https://unocss.dev/).

To preview the components, refer to the [`stage-ui`](../stage-ui) package for instructions for running the Histoire UI storyboard.

## Get started

Install the library:

```shell
ni @proj-airi/ui -D # from @antfu/ni, can be installed via `npm i -g @antfu/ni`
pnpm i @proj-airi/ui -D
yarn i @proj-airi/ui -D
npm i @proj-airi/ui -D
```

This library requires `unocss` with Attributify Mode and a style reset.

First, install `unocss` if you haven't already:

```shell
pnpm i -D unocss
```

Next, in your `uno.config.ts`, add `presetAttributify()` to your presets array:
```ts
import { defineConfig, presetAttributify } from 'unocss'

export default defineConfig({
  presets: [
    presetAttributify(),
    // ...your other presets
  ],
})
```

Finally, import the reset styles in your `main.ts`:
```ts
import '@unocss/reset/tailwind.css'
```

## Usage

```vue
<script setup lang="ts">
import { Button } from '@proj-airi/ui'
</script>

<template>
  <Button>Click me</Button>
</template>
```

## Components

* [Animations](src/components/Animations)
    * [TransitionVertical](src/components/Animations/TransitionVertical.vue)
* [Form](src/components/Form)
    * [Checkbox](src/components/Form/Checkbox)
    * [Select](src/components/Form/Select)
    * [Field](src/components/Form/Field)
    * [Input](src/components/Form/Input)
    * [Radio](src/components/Form/Radio)
    * [Range](src/components/Form/Range)
    * [ComboboxSelect](src/components/Form/Select)
    * [Textarea](src/components/Form/Textarea)

## License

[MIT](../../LICENSE)
npm package: @proj-airi/unocss-preset-chromatic
Description: Readability enhanced, clean, nice looking colors palette we used across our Project AIRI https://github.com/moeru-ai/airi projects!
Author: Project AIRI Team
Latest version: 1.0.2

# `@proj-airi/unocss-preset-chromatic`

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![bundle][bundle-src]][bundle-href]
[![JSDocs][jsdocs-src]][jsdocs-href]
[![License][license-src]][license-href]

```shell
ni -D @proj-airi/unocss-preset-chromatic # from @antfu/ni, can be installed via `npm i -g @antfu/ni`
pnpm i -D @proj-airi/unocss-preset-chromatic
yarn i -D @proj-airi/unocss-preset-chromatic
npm i -D @proj-airi/unocss-preset-chromatic
```

Refer to [README.md](https://github.com/proj-airi/chromatic/blob/main/README.md) for more information.

## License

MIT

[npm-version-src]: https://img.shields.io/npm/v/@proj-airi/unocss-preset-chromatic?style=flat&colorA=080f12&colorB=#ec92ad
[npm-version-href]: https://npmjs.com/package/@proj-airi/unocss-preset-chromatic
[npm-downloads-src]: https://img.shields.io/npm/dm/@proj-airi/unocss-preset-chromatic?style=flat&colorA=080f12&colorB=#ec92ad
[npm-downloads-href]: https://npmjs.com/package/@proj-airi/unocss-preset-chromatic
[bundle-src]: https://img.shields.io/bundlephobia/minzip/@proj-airi/unocss-preset-chromatic?style=flat&colorA=080f12&colorB=#ec92ad&label=minzip
[bundle-href]: https://bundlephobia.com/result?p=@proj-airi/unocss-preset-chromatic
[license-src]: https://img.shields.io/github/license/proj-airi/chromatic.svg?style=flat&colorA=080f12&colorB=#ec92ad
[license-href]: https://github.com/proj-airi/chromatic/blob/main/LICENSE
[jsdocs-src]: https://img.shields.io/badge/jsdocs-reference-080f12?style=flat&colorA=080f12&colorB=#ec92ad
[jsdocs-href]: https://www.jsdocs.io/package/@proj-airi/unocss-preset-chromatic