open-index/open-npm huggingface dataset:
npm package: @kira-kit/cli
Description: CLI tool for adding Kira Kit components to your project
Latest version: 0.1.0

# Kira Kit CLI

CLI tool for adding Kira Kit components to your React project.

## Installation

```bash
# Global install
npm install -g @kira-kit/cli

# Or use with npx
npx @kira-kit/cli add button
```

## Usage

### Initialize

Initialize Kira Kit in your project with interactive color selection:

```bash
kira-kit init
```

Options:
- `--base-color <color>` - Base color (slate, gray, zinc, neutral, stone)
- `--primary-color <color>` - Primary color (blue, green, orange, pink, purple, red, violet, yellow)
- `--cwd <directory>` - Working directory
- `-y, --yes` - Skip prompts and use defaults

### Add Components

Add one or more components to your project:

```bash
# Add single component
kira-kit add button

# Add multiple components
kira-kit add button card dialog

# Add all components
kira-kit add --all
```

Options:
- `--cwd <directory>` - Working directory
- `-o, --overwrite` - Overwrite existing files
- `-y, --yes` - Skip prompts

### Build Registry

Build registry JSON files (used for distribution):

```bash
kira-kit build
```

### List Components

List all available components:

```bash
kira-kit list
```

## Examples

```bash
# Initialize with specific colors
kira-kit init --base-color neutral --primary-color blue

# Add components
kira-kit add button checkbox input --overwrite

# List available components
kira-kit list
```

## Requirements

- Node.js 18+
- Bun (recommended) or npm/pnpm/yarn

## License

MIT
npm package: @kira-ui/prism
Description: Code highlight with kira-ui theme
Author: lawliet
Latest version: 0.0.11

# kira-ui prism code highlight

Code highlight built with prism and kira-ui.

## Installation

```sh
# With npm
npm install @kira-ui/hooks @kira-ui/core @kira-ui/prism
```

## License

MIT
npm package: @kira272921/tailwindcsscli
Description: A CLI for generating starter files for different JS frameworks with tailwindCSS pre-installed
Author: Kira272921
Latest version: 1.0.2

# tailwindcsscli
A CLI for generating starter files for different JS frameworks with tailwindCSS pre-installed

## Installation

To install the CLI, run the following command 

```bash
npm i @kira272921/tailwindcsscli -g
```
You can remove `-g` if you don't want to install it globally

## Demo

![](https://imgur.com/8b3nl9I.png)

![](https://imgur.com/sGtsqdy.png)

## Tutorial 

This project was meant for making a hashnode blog on "How to build CLIs using NodeJS". 

Here is the link to the blog: https://kirablog.hashnode.dev/build-a-cli-using-nodejs
npm package: @kira_wlr/charts
Description: Lightweight charting
Author: JiaMing
Latest version: 0.2.12
Deprecated: false

[ENGLISH](./README_EN.md)

<h1 align="center">Charts</h1>

<p align="center">
    <a href="https://github.com/DataV-Team/charts/blob/master/LICENSE">
        <img src="https://img.shields.io/github/license/DataV-Team/charts.svg" alt="LICENSE" />
    </a>
    <a href="https://www.npmjs.com/package/@kira_wlr/charts">
        <img src="https://img.shields.io/npm/v/@kira_wlr/charts.svg" alt="LICENSE" />
    </a>
</p>

### Charts是干什么的?

- 它是一个基于**canvas**的`轻量`图表库.

### 支持

* `折线图`
* `柱状图`
* `饼状图`
* `雷达图`
* `仪表盘`

### npm安装

```shell
$ npm install @kira_wlr/charts
```

### 使用

```javascript
import Charts from '@kira_wlr/charts'

const container = document.getElementById('container')

const myChart = new Charts(container)

myChart.setOption({
  title: 'My Chart',
  // ...otherConfig
})
```

详细文档及示例请移步[HomePage](http://charts.jiaminghi.com).

### 快速体验

```html
<!--资源位于个人服务器仅供体验和测试，请勿在生产环境使用-->
<!--调试版-->
<script src="http://lib.jiaminghi.com/charts/charts.map.js"></script>
<!--压缩版-->
<script src="http://lib.jiaminghi.com/charts/charts.min.js"></script>
<script>
  const Charts = window.Charts.default
  // do something
</script>
```
npm package: @kira_wlr/data-view
Description: Vue Large screen data display component library
Author: JiaMing
Latest version: 2.7.4
Deprecated: false

[ENGLISH](./README_EN.md)

<p align="center">
  <img src="./icon.png">
</p>
<h1 align="center">DataV</h1>
<p align="center">
    <a href="https://github.com/DataV-Team/datav/blob/master/LICENSE">
      <img src="https://img.shields.io/github/license/DataV-Team/datav.svg" alt="LICENSE" />
    </a>
    <a href="https://www.npmjs.com/package/@kira_wlr/data-view">
      <img src="https://img.shields.io/npm/v/@kira_wlr/data-view.svg" alt="LICENSE" />
    </a>
</p>

## DataV是干什么的?

* DataV是一个基于**Vue**的数据可视化组件库（当然也有[React版本](https://github.com/DataV-Team/DataV-React)）
* 提供用于提升页面视觉效果的**SVG**边框和装饰
* 提供常用的**图表**如折线图等
* 飞线图/轮播表等其他组件

### npm安装

```shell
$ npm install @kira_wlr/data-view
```

### 使用

```js
import Vue from 'vue'
import DataV from '@kira_wlr/data-view'

Vue.use(DataV)

// 按需引入
import { borderBox1 } from '@kira_wlr/data-view'
Vue.use(borderBox1)
```

详细文档及示例请移步[HomePage](http://datav.jiaminghi.com).

### UMD版

`UMD`版可直接使用`script`标签引入，`UMD`版文件位于项目`dist`目录下，引入后将自动把所有组件注册为**Vue全局组件**，引入`DataV`前请确保已引入`Vue`。

[UMD版使用示例](./umdExample.html)

### TODO

* **地图组件**
* **TS**重构组件库底层依赖

### 致谢

组件库的开发基于个人学习和兴趣，由于技术水平及经验的限制，组件尚有许多不完善之处，如有BUG可及时提交[issue](https://github.com/DataV-Team/DataV/issues/new?template=bug_report.md)或添加反馈群进行反馈，也欢迎提供指正和建议，感谢各位的支持。

### 反馈
![Feedback](./QQGroup.png)

### Demo

Demo页面使用了全屏组件，请F11全屏后查看。

* [施工养护综合数据](http://datav.jiaminghi.com/demo/construction-data/index.html)

![construction-data](./demoImg/construction-data.jpg)

* [机电运维管理台](http://datav.jiaminghi.com/demo/manage-desk/index.html)

![manage-desk](./demoImg/manage-desk.jpg)

* [机电设备电子档案](http://datav.jiaminghi.com/demo/electronic-file/index.html)

![electronic-file](./demoImg/electronic-file.jpg)
npm package: @kiraind/russian-tools
Description: JS-библиотека с готовыми алгоритмами работы с русским языком
Author: kiraind
Latest version: 1.0.9

# russian-tools
JS-библиотека с готовыми алгоритмами работы с русским языком

## Установка

```shell
npm i @kiraind/russian-tools
```

## Работа со словами

### hyphenateWord

Функция делит слово на массив из его частей по правилам переноса, игнорируя аббревиатуры

```javascript
const { hyphenateWord } = require('@kiraind/russian-tools').word_utils

const text = 'Эй дружок СПбГУГА ответь'

const hypnenated = text
    .split(' ') // [ 'Эй', 'дружок', 'СПбГУГА', 'ответь' ]
    .map(
        word => hyphenateWord(word).join('&shy;')
    )           // [ 'Эй', 'дру&shy;жок', 'СПбГУГА', 'от&shy;веть' ]
    .join(' ')  // 'Эй дру&shy;жок СПбГУГА от&shy;веть'
```

### selectPostnumberCase

Функция выбирает из массива правильную форму слова для отображения после числа

```javascript
const { selectPostnumberCase } = require('@kiraind/russian-tools').word_utils

selectPostnumberCase(113,  [ 'машина', 'машины', 'машин' ])  // машин
selectPostnumberCase(5321, [ 'рубль', 'рубля', 'рублей' ])   // рубль
```

### textifyNumber

Функция конвертирует целое число в текстовый вид

```javascript
const { textifyNumber } = require('@kiraind/russian-tools').word_utils

textifyNumber(7654321) // 'семь миллионов шестьсот пятьдесят четыре тысячи триста двадцать один'
textifyNumber(-10) // 'минус десять'
```