open-index/open-npm huggingface dataset:
npm package: @hedviginsurance/cli
Description: Tools for managing Hedvig's node stuff
Author: Johan Palmfjord
Latest version: 2.3.3

# Hedvig Web CLI
Used to manage node projects at scale. Handles webpack build and development cycles + config file syncs. Depends on [@hedviginsurance/web-survival-kit](https://github.com/HedvigInsurance/web-survival-kit) for all config stuff, this is merely the wrapper/cli tool.

## Usage
This project is still under heavy development, so to avoid getting stale documentation please see the instructions provided when running `yarn hedvig`, or `./cli`if youre in *this* project.

To initialize a completely new, production ready project;
```bash
yarn add @hedviginsurance/cli
yarn hedvig project:create .
yarn watch
```


To initialize a new library project;
```bash
yarn add @hedviginsurance/cli
yarn hedvig lib:create .
```

✅
npm package: @hedviginsurance/libkit
Description: Setting a standard for libs at Hedvig
Author: Sam Pettersson
Latest version: 1.0.1

# Libkit

Configuring libs over and over again is no fun, this is a pre-made library setup, that is very compatible with [@hedviginsurance/cli](https://github.com/HedvigInsurance/node-cli)'.
npm package: @hedviginsurance/react-native-keyboard-spacer
Description: Plug and play react-Native keyboard spacer view.
Author: Andrew Hurst
Latest version: 0.4.9

[![NPM](https://nodei.co/npm-dl/react-native-keyboard-spacer.png?months=3&height=2)](https://nodei.co/npm/react-native-keyboard-spacer/)

# react-native-keyboard-spacer

Plug and play iOS react-native keyboard spacer view.

![image](https://media.giphy.com/media/3oEjHJwLyYg7upTyYo/giphy.gif)
## Quick Start

Install View: `npm install --save react-native-keyboard-spacer`

## Example Usage

The view will automatically perform a layout animation when the keyboard appears or disappears.

```javascript
import KeyboardSpacer from 'react-native-keyboard-spacer';
import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Image,
  View,
  TextInput
} from 'react-native';

class DemoApp extends Component {
  render() {
    return (
      <View style={[{flex: 1}]}>
        {/* Some random image to show scaling */}
        <Image source={{uri: 'http://img11.deviantart.net/072b/i/2011/206/7/0/the_ocean_cherry_tree_by_tomcadogan-d41nzsz.png', static: true}}
                 style={{flex: 1}}/>

        {/* The text input to put on top of the keyboard */}
        <TextInput style={{left: 0, right: 0, height: 45}}
              placeholder={'Enter your text!'}/>

        {/* The view that will animate to match the keyboards height */}
        <KeyboardSpacer/>
      </View>
    );
  }
}

AppRegistry.registerComponent('DemoApp', () => DemoApp);
```
### Properties - Basic

| Prop  | Default  | Type | Description |
| :------------ |:---------------:| :---------------:| :-----|
| topSpacing | 0 | `number` | Add or subtract additional spacing from keyboard height |
| animationConfig | [A default animation](https://github.com/Andr3wHur5t/react-native-keyboard-spacer/blob/expose-layout-animations/KeyboardSpacer.js#L14) | `LayoutAnimationConfig` | [LayoutAnimation](https://facebook.github.io/react-native/docs/layoutanimation.html#content) configuration object |

### Properties - Methods

| Prop  | Params  | Type | Description |
| :------------ |:---------------:| :---------------:| :-----|
| onToggle | `toggleState` | `function` | onToggle method is called when when keyboard toggles. Two parameters passed through, keyboardState (boolean, true if keyboard shown) and keyboardSpace (height occupied by keyboard) |
npm package: @hedviginsurance/web-survival-kit
Description: Keep your tools to the trade alive
Author: Johan Palmfjord
Latest version: 1.8.3

# Web Survival Kit
Configuring nice node projects is a rabbit hole, even if you use a boilerplate, but using frameworks that configures stuff for you usually gives you _zero_ control over your own build process. Here's a compromise - a pre-made project setup, that is very compatible with [@hedviginsurance/cli](https://github.com/HedvigInsurance/node-cli)'.
npm package: @hedystia/astro-bun
Description: <div align="center">   <p>     <strong>🚀 @hedystia/astro-bun</strong>   </p>
Latest version: 0.3.2

<div align="center">
  <p>
    <strong>🚀 @hedystia/astro-bun</strong>
  </p>

  <p>
    <strong>Supercharge your Astro projects with the power of Bun! 🌟</strong>
  </p>

  <p>
    <a href="https://www.npmjs.com/package/@hedystia/astro-bun"><img src="https://img.shields.io/npm/v/@hedystia/astro-bun.svg?style=flat-square" alt="npm version"></a>
    <a href="https://www.npmjs.com/package/@hedystia/astro-bun"><img src="https://img.shields.io/npm/dm/@hedystia/astro-bun.svg?style=flat-square" alt="npm downloads"></a>
    <a href="https://github.com/Zastinian/astro-bun/blob/main/LICENSE"><img src="https://img.shields.io/github/license/Zastinian/astro-bun.svg?style=flat-square" alt="license"></a>
  </p>
</div>

## 🌈 Features

- 🚄 **Lightning-fast** performance with Bun integration
- 🔧 **Easy setup** - get started in minutes
- 🔄 **Seamless compatibility** with Astro projects
- 🛠️ **Unix socket support** - easily run your Bun server with Unix sockets
- 🛠️ **Flexible configuration** options

## 🚀 Quick Start

1. Install the package:
```bash
npm install @hedystia/astro-bun
```

2. Add it to your Astro config:

```javascript
import { defineConfig } from "astro/config";
import bun from "@hedystia/astro-bun";

export default defineConfig({
  // ... other config options
  adapter: bun(),
});
```

3. Build your Astro project:

```shellscript
astro build
```

4. Run your project with Bun:

```shellscript
bun run ./dist/server/entry.mjs
```

## 🎨 Configuration

Customize your setup with these options:

```javascript
import { defineConfig } from "astro/config";
import bun from "@hedystia/astro-bun";

export default defineConfig({
  adapter: bun(),
  output: "static",
  server: {
    "host": "0.0.0.0",
    "port": 3000,
  }
});
```

## 🌟 Why Astro Bun?

- **Blazing Fast**: Harness the speed of Bun for your Astro projects
- **Modern Development**: Stay ahead with cutting-edge web technologies
- **Optimized Performance**: Fine-tuned for efficiency and speed


## 📜 License

This project is licensed under the [MIT License](LICENSE).

## 🙏 Acknowledgements

- [Astro](https://astro.build/) - The web framework that powers this adapter
- [Bun](https://bun.sh/) - The incredible JavaScript runtime
npm package: @hedystia/cache
Description: ## Overview
Latest version: 0.0.1

# Cache

## Overview

The Cache class is a generic key-value store that extends the native JavaScript `Map` object, providing additional utility methods for enhanced functionality. This README provides documentation for the Cache class, including method descriptions, parameters, return types, and usage examples.

## Documentation

[Documentation](https://docs.hedystia.com/cache/start)
npm package: @hee-san/num_ja
Description: Convert between number and Japanese
Author: hee-san
Latest version: 3.2.0

# num_ja

[![Node.js Package](https://github.com/Hee-San/num_ja/workflows/Node.js%20Package/badge.svg)](https://github.com/Hee-San/num_ja/actions)
[![GitHub license](https://img.shields.io/github/license/Hee-San/num_ja)](https://opensource.org/licenses/MIT)

アラビア数字と漢数字を相互に変換します。

[npmjs.comで見る](https://www.npmjs.com/package/@hee-san/num_ja)

*[English documentation here](README.md)*

## 使い方

[ブラウザでnum_jaをテスト](https://npm.runkit.com/%40hee-san%2Fnum_ja)

```js
var numJa = require("num_ja");

console.log(numJa.num_ja(0));
// => 〇
console.log(numJa.num_ja(1));
// => 一
console.log(numJa.num_ja(-1));
// => マイナス一
console.log(numJa.num_ja(100001101));
// => 一億千百一
console.log(numJa.num_ja(1234567890));
// => 十二億三千四百五十六万七千八百九十

console.log(numJa.ja_num("〇"));
// => 0
console.log(numJa.ja_num("一"));
// => 1
console.log(numJa.ja_num("マイナス一"));
// => -1
console.log(numJa.ja_num("一億千百一"));
// => 100001101
console.log(numJa.ja_num("十二億三千四百五十六万七千八百九十"));
// => 1234567890
```

## 対応範囲

このライブラリは以下の範囲の数値を扱うことができます：

- 数値: JavaScriptの`Number.MAX_SAFE_INTEGER`（9,007,199,254,740,991）まで
- 単位: 一、十、百、千、万、億、兆、京まで対応

**非対応**:

- 「京」より上の単位（垓、𥝱、穣、溝、澗、正、載、極など）には対応していません
- 「分」「厘」「毛」など小数点以下の単位には対応していません（整数のみサポート）

無効な入力（数値範囲外、NaN、不正な漢数字文字列など）に対しては、例外がスローされます。

## その他のスタイル

`ja_num`は[大字](https://ja.wikipedia.org/wiki/%E5%A4%A7%E5%AD%97_(%E6%95%B0%E5%AD%97))やひらがなによる表記も変換できます。

```js
var numJa = require("num_ja");

console.log(numJa.ja_num("零"));
// => 0
console.log(numJa.ja_num("壱"));
// => 1
console.log(numJa.ja_num("負の廿壹"));
// => -21
console.log(numJa.ja_num("一萬阡陌拾"));
// => 11110
console.log(numJa.ja_num("せんにひゃくさんじゅうよん"));
// => 1234
console.log(numJa.ja_num("にせんとんでにじゅう"));
// => 2020
```

## 対応する表記スタイル

以下の表記スタイルに対応しています：

| 標準 | その他の対応表記 | 数値 |
|------|-----------------|-------------|
| 〇 | 零, ぜろ, れい | 0 |
| 一 | 壱, 壹, 弌, いち, いっ | 1 |
| 二 | 弐, 貳, 貮, 贰, に | 2 |
| 三 | 参, 參, 弎, 叁, さん | 3 |
| 四 | 肆, 䦉, し, よん | 4 |
| 五 | 伍, ご | 5 |
| 六 | 陸, 陆, ろく, ろっ | 6 |
| 七 | 漆, 質, 柒, なな, しち | 7 |
| 八 | 捌, はち, はっ | 8 |
| 九 | 玖, きゅう | 9 |
| 十 | 拾, 什, じゅう, じっ, じゅっ | 10 |
| 二十 | 廿, 〹, 念 | 20 |
| 三十 | 丗, 卅 | 30 |
| 四十 | 卌 | 40 |
| 百 | 佰, 陌, ひゃく, びゃく, ぴゃく | 100 |
| 千 | 仟, 阡, せん, ぜん | 1,000 |
| 万 | 萬, まん | 10,000 |
| 億 | おく | 100,000,000 |
| 兆 | ちょう | 1,000,000,000,000 |
| 京 | けい | 10,000,000,000,000,000 |
| マイナス | -, 負の, 負, まいなす | - (符号) |
| (空) | とんで | 省略を表す |

## インストール

コマンドラインからインストール:

```sh
npm install @hee-san/num_ja
```

package.jsonを使用したインストール:

```json
"@hee-san/num_ja": "latest"
```
npm package: @heejeong/component
Description: 컴포넌트를 담고있는 라이브러리 입니다. 본 라이브러리를 통해서 다수의 프로덕트 프로젝트에서 컴포넌트를 가져다 사용할 수 있습니다. 컴포넌트 라이브러리에서는 npm으로 배포할 수 있는 스크립트가 있습니다. 컴포넌트를 업데이트 한 후 배포를 진행하면 프로덕트 프로젝트에서는 손쉽게 컴포넌트 라이브러리를 업데이트 할 수 있습니다.
Latest version: 1.1.7

# Component Library
컴포넌트를 담고있는 라이브러리 입니다. 본 라이브러리를 통해서 다수의 프로덕트 프로젝트에서 컴포넌트를 가져다 사용할 수 있습니다. 컴포넌트 라이브러리에서는 npm으로 배포할 수 있는 스크립트가 있습니다. 컴포넌트를 업데이트 한 후 배포를 진행하면 프로덕트 프로젝트에서는 손쉽게 컴포넌트 라이브러리를 업데이트 할 수 있습니다.

또한, 컴포넌트 라이브러리에서 코어 트래킹 플러그인을 실행할 수 있습니다. 이를 통해 파운데이션 요소들이 컴포넌트에서 얼마나 사용되는지 개수 등을 알 수 있습니다.

본 프로젝트에 대한 상세한 내용은 다음 디자인 시스템 스튜디오 저장소에서 확인할 수 있습니다.  
[Design System Studio](https://github.com/team-auspicious/B_Design_System_Studio)
npm package: @heejun-com/core
Description: Orbit UI Core 컴포넌트 - 스타일 미적용 기능 컴포넌트
Latest version: 2.0.0-beta.16

# @orbit-ui/core

[![npm](https://img.shields.io/npm/v/@orbit-ui/core)](https://www.npmjs.com/package/@orbit-ui/core)

> 스타일 미적용 Base 컴포넌트

## 설치

```bash
pnpm add @orbit-ui/core
```

## 사용법

```tsx
import { Button, Provider } from '@orbit-ui/core'
import '@orbit-ui/core/style.css'

function App() {
  return (
    <Provider>
      <Button
        theme={{
          enabledFill: '#3B82F6',
          enabledForeground: '#FFFFFF',
        }}
      >
        <Button.Center>클릭</Button.Center>
      </Button>
    </Provider>
  )
}
```

## 컴포넌트

### 버튼

- `Button` - 기본 버튼

### 입력

- `TextField` - 텍스트 입력
- `FloatingTextField` - 플로팅 라벨 텍스트 입력
- `Checkbox` - 체크박스
- `RadioButton` - 라디오
- `Toggle` - 토글 스위치
- `Dropdown` - 드롭다운
- `Chip` - 칩

### 피드백

- `Badge` - 배지
- `AlertDialog` - 알림 다이얼로그
- `Toast` - 토스트

### 내비게이션

- `TabItem` - 탭
- `NavigationBar` - 네비게이션 바

### 레이아웃

- `Flex` - 플렉스박스
- `Spacer` - 여백
- `Divider` - 구분선
- `ListNode` - 리스트 아이템

### 오버레이

- `Sheet` - 바텀시트
- `Portal` - 포탈
- `Scrim` - 배경 오버레이

## 테마 커스터마이징

```tsx
<Button
  theme={{
    enabledFill: '#10B981',
    enabledForeground: '#FFFFFF',
    hoveredFill: '#059669',
    disabledFill: '#D1D5DB',
    paddingHorizontal: '24px',
    radius: '8px',
  }}
>
  <Button.Center>커스텀 버튼</Button.Center>
</Button>
```

## 라이선스

MIT
npm package: @heejun-com/icons
Description: Orbit UI 아이콘 컴포넌트
Latest version: 2.0.0-beta.16

# @orbit-ui/icons

[![npm](https://img.shields.io/npm/v/@orbit-ui/icons)](https://www.npmjs.com/package/@orbit-ui/icons)

> SVG 아이콘 컴포넌트

## 설치

```bash
pnpm add @orbit-ui/icons
```

## 사용법

```tsx
import { PlusIcon, CheckIcon, CloseIcon } from '@orbit-ui/icons'

function App() {
  return (
    <div>
      <PlusIcon size={24} />
      <CheckIcon size={24} color="green" />
      <CloseIcon size={24} />
    </div>
  )
}
```

## 버튼과 함께 사용

```tsx
import { SolidButton } from '@orbit-ui/theme-eclipse'
import { PlusIcon } from '@orbit-ui/icons'

function App() {
  return (
    <SolidButton>
      <SolidButton.Leading>
        <PlusIcon />
      </SolidButton.Leading>
      추가
    </SolidButton>
  )
}
```

## Props

| Prop        | 타입            | 기본값         | 설명          |
| ----------- | --------------- | -------------- | ------------- |
| `size`      | `number`        | `24`           | 크기 (px)     |
| `color`     | `string`        | `currentColor` | 색상          |
| `className` | `string`        | -              | CSS 클래스    |
| `style`     | `CSSProperties` | -              | 인라인 스타일 |

## 아이콘 컨텍스트

```tsx
import { IconPropsContext } from '@orbit-ui/icons'
;<IconPropsContext.Provider value={{ size: 20, color: 'blue' }}>
  <PlusIcon /> {/* 20px, blue */}
  <MinusIcon /> {/* 20px, blue */}
</IconPropsContext.Provider>
```

## 라이선스

MIT
npm package: @heejun-com/theme-eclipse
Description: Orbit UI Eclipse 테마 컴포넌트
Latest version: 2.0.0-beta.16

# @orbit-ui/theme-eclipse

[![npm](https://img.shields.io/npm/v/@orbit-ui/theme-eclipse)](https://www.npmjs.com/package/@orbit-ui/theme-eclipse)

> Eclipse 테마 컴포넌트

## 설치

```bash
pnpm add @orbit-ui/theme-eclipse
```

## 사용법

```tsx
import { SolidButton, OutlinedButton, ForgeRoot } from '@orbit-ui/theme-eclipse'
import '@orbit-ui/theme-eclipse/style.css'

function App() {
  return (
    <ForgeRoot>
      <SolidButton variant="primary" size="medium">
        확인
      </SolidButton>
      <OutlinedButton variant="primary" size="medium">
        취소
      </OutlinedButton>
    </ForgeRoot>
  )
}
```

## Next.js

```tsx
// app/layout.tsx
import { ForgeRoot } from '@orbit-ui/theme-eclipse/server'
import '@orbit-ui/theme-eclipse/style.css'

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        <ForgeRoot>{children}</ForgeRoot>
      </body>
    </html>
  )
}
```

## 컴포넌트

### 버튼

- `SolidButton` - 채워진 버튼
- `OutlinedButton` - 외곽선 버튼
- `TextButton` - 텍스트 버튼
- `IconButton` - 아이콘 버튼

### 입력

- `TextField` - 텍스트 입력
- `FloatingTextField` - 플로팅 라벨 입력
- `Dropdown` - 드롭다운
- `Checkbox` - 체크박스
- `RadioButton` - 라디오
- `Toggle` - 토글 스위치

### 피드백

- `AlertDialog` - 알림 다이얼로그
- `Toast` - 토스트
- `Badge` - 배지

### 내비게이션

- `TabItem` - 탭
- `NavigationBar` - 네비게이션 바

### 레이아웃

- `Flex` - 플렉스박스
- `Spacer` - 여백
- `Divider` - 구분선

## 테마 커스터마이징

```tsx
<SolidButton
  theme={{
    enabledFill: '#FF6B6B',
    enabledForeground: '#FFFFFF',
  }}
>
  커스텀
</SolidButton>
```

## 라이선스

MIT
npm package: @heetch/flamingo-css
Description: https://heetch.github.io/flamingo/
Author: ugogo
Latest version: 1.16.1

# @heetch/flamingo-css

https://heetch.github.io/flamingo/

## Required

In order to properly use `@heetch/flamingo-css` you will also need to install and import `normalize.css`

## Install

```bash
yarn add @heetch/flamingo-css -s
```

## License

MIT © [Heetch](https://github.com/heetch)
npm package: @heetch/react-builder
Description: Build script for React packages inside this repository
Author: Heetch
Latest version: 1.0.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# `@heetch/react-builder`

> TODO: description

## Usage

```
const reactBuilder = require('@heetch/react-builder');

// TODO: DEMONSTRATE API
```
npm package: @heetch/react-code
Description: Code display component with syntax highlighting
Author: Heetch
Latest version: 1.0.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# `@heetch/react-code`

Simple component to display highlighted code in the following languages:

- javascript
- jsx
- typescript
- tsx
- yaml
- json

## Usage

```js
<Code language={language} inline={true}>
  {`
    code to display
  `}
</Code>
```
npm package: @heetch/react-form-validation
Description: ## Description
Author: Heetch
Latest version: 1.0.2
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# `@heetch/react-form-validation`

## Description

  Wrapper component around `react-final-form`. 
  
  Provides as way to display a form with custom validation rules:
  - allows for each field to specify a validation rule on value change, and/or on blur
  - allows to specify a validation rule to check before submitting
  - allows rules to populate form values
  - unifies how errors are passed to fields to render error messages and validity state

## Usage

  ```js
  const onSubmitFields = values => {
    // submitting values
  };

  const fieldsRules = {
    my_field: {
      onChange: ({ value, setError }) => {
        if (!/\d{4}/.test(value)) {
          setError('This field must contain 4 digits');
        } else {
          setError(null);
        }
      },
      onBlur: ({ value, setError, fieldState, skipValidation, setFieldsValues }) => {
        // do not validate if there is already an error due to onChange
        if (fieldState.data?.error) {
          skipValidation();
          return;
        }

        performAsyncValidation(value).then(({error, data}) => {
          if (error) {
            setError(error);
          } else {
            setError(null);
            setFieldsValues({values: {other_field: data}, setAsValid: true});
          }
        });
      }
    }
  };

  const submitRule = ({ values, setErrors }) => {
    const errors = validateAllValues(values); // errors is {[field_id]: error_message}
    setErrors(errors); // if errors object is empty, validation passes
  }

  <FormWithValidation
    onSubmit={onSubmitFields}
    fieldsRules={fieldsRules}
    submitRule={submitRule}
    validateFieldsOnFirstRun={{ onChange: true }}
    render={({ submitErrors, submitting, canSubmit }) => (
      <>
        <Field name='my_field'>
          {({ input, meta }) =>
            (
              <>
                <input {...input} type='text' id='my_field' invalid={!meta.pristine && !!meta.data?.error} />
                {meta.data?.error && <span>{meta.data?.error}</span>}
              </>
            );
          }}
        </Field>

        <Field name='other_field'>
          {({ input, meta }) =>
            (
              <>
                <input {...input} type='text' id='other_field' invalid={!meta.pristine && !!meta.data?.error} />
                {meta.data?.error && <span>{meta.data?.error}</span>}
              </>
            );
          }}
        </Field>

        {submitting && <div className='spinner' />}

        <button type='submit' disabled={!canSubmit}>Submit</button>
      </>
    )}
  />
  ```
npm package: @heetch/react-forms
Description: This library allows you to build and render a form in a React application, just by providing some configuration defining fields, validation rules, layout and a submit function.
Author: Heetch
Latest version: 1.2.1

# React Forms

This library allows you to build and render a form in a React application, just by providing some configuration defining fields, validation rules, layout and a submit function.

[Full documentation](https://heetch.github.io/web-tools/react-forms)
npm package: @heetch/react-forms-legacy
Description: This library allows you to build and render a form in a React application, just by providing some configuration defining fields, validation rules, layout and a submit function.
Author: Heetch
Latest version: 1.2.3

# React Forms

This library allows you to build and render a form in a React application, just by providing some configuration defining fields, validation rules, layout and a submit function.

[Full documentation](https://heetch.github.io/web-tools/react-forms)