Files
moeka-project/packages/ui
MisakaKumomi 御坂云见 372695458e refactor: replace status check string literal with enum; add chat pin… (#1486)
* refactor: replace status check string literal with enum; add chat ping check option in provider configurations for anthropic, and if it's good, generalize to all openai based provider

* fix: merging conflicts

* refactor: remove manual validation logic and deprecated ProviderValidationAlerts component

* docs: mark 'Health' enum as deprecated with additional usage context

* feat: add manual test validation flow back

* refactor: reintroduce and integrate `ProviderValidationAlerts` component for streamlined validation logic

* chore: mark error msg

* refactor: extract `CHAT_COMPLETIONS_VALIDATOR_ID` constant; enforce skipping chat ping check in background validations

* chore: comments
2026-03-29 13:22:15 +08:00
..
2026-03-29 02:44:08 +08:00

@proj-airi/ui

A stylized UI component library built with Reka UI and UnoCSS.

To preview the components, refer to the stage-ui package for instructions for running the Histoire UI storyboard.

Get started

Install the library:

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:

pnpm i -D unocss

Next, in your uno.config.ts, add presetAttributify() to your presets array:

import { defineConfig, presetAttributify } from 'unocss'

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

Finally, import the reset styles in your main.ts:

import '@unocss/reset/tailwind.css'

Usage

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

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

Components

License

MIT