@j1nn0/vanilla-autokana 2.0.0

package/LICENSE

@@ -0,0 +1,8 @@
+Copyright 2018 Ryo Utsunomiya
+Modifications Copyright 2026 j1nn0
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,218 @@
+# vanilla-autokana
+
+[English README is here](./README_en.md)
+
+このプロジェクトは [ryo-utsunomiya/vanilla-autokana](https://github.com/ryo-utsunomiya/vanilla-autokana) からフォークした実装です。
+
+フォームのフィールドに文字を入力すると、別のフィールドにかなを自動入力するライブラリです。
+
+## 特徴
+
+- jQueryに依存していません
+- scriptタグからの読み込みとESModulesのimportに対応しています
+
+## インストール方法
+
+### npm
+
+```sh
+npm i @j1nn0/vanilla-autokana # or yarn add @j1nn0/vanilla-autokana
+```
+
+### npmを使わない方法
+
+このリポジトリの `dist/autokana.umd.js` をダウンロードし、scriptタグで読み込んでください。
+
+## 使用方法
+
+- `AutoKana.bind()` メソッドの第1引数にふりがな入力元の input 要素を指定します。第2引数にはふりがな出力先の input 要素を指定できますが、省略も可能です
+- 要素の指定には `#` / `.` / `[` / `:` で始まるセレクタ文字列、または input / textarea 要素を渡せます。IDのみを渡した場合も従来どおり動作します
+- input / textarea 要素が見つけられない場合は正常に動作できないため、DOMContentLoadedイベント内での実行を推奨します
+- ライブラリ本体はDOMのライフサイクルイベントに依存しないため、ライブラリの読み込みには`defer`属性の追加を推奨します
+
+```html
+<input name="name" id="name">
+<input name="furigana" id="furigana">
+<script src="autokana.umd.js" defer></script>
+<script>
+  document.addEventListener("DOMContentLoaded", function() {
+    // ひらがなで出力（デフォルト）
+    AutoKana.bind("#name", "#furigana");
+    // 全角カタカナで出力したい場合
+    // AutoKana.bind("#name", "#furigana", { katakana: 'full' });
+    // 半角カタカナで出力したい場合
+    // AutoKana.bind("#name", "#furigana", { katakana: 'half' });
+  });
+</script>
+```
+
+### モジュールとしてimportする
+
+ESModulesとしてimportすることができます。
+
+```js
+import * as AutoKana from '@j1nn0/vanilla-autokana';
+
+AutoKana.bind('#name', '#furigana');
+```
+
+### オプション
+
+`AutoKana.bind(name, furigana?, option)` の第3引数には以下を指定できます。
+
+- `name`: `#` / `.` / `[` / `:` で始まるセレクタ文字列、または input / textarea 要素
+- `furigana`: `#` / `.` / `[` / `:` で始まるセレクタ文字列、input / textarea 要素、または省略
+
+- `katakana`: `'hiragana' | 'full' | 'half'`
+- `debug`: `boolean`
+- `onChange`: `(furigana: string) => void` — ふりがなが変更されるたびに呼ばれるコールバック
+
+`katakana` の値ごとの挙動:
+
+- `'hiragana'`: ひらがなで出力（デフォルト）
+- `'full'`: 全角カタカナで出力
+- `'half'`: 半角カタカナで出力（全角空白は半角空白に正規化）
+
+### メソッド
+
+- `getFurigana()`: 現在のふりがな文字列を返す
+- `start()`: ふりがなの自動追跡を再開する
+- `stop()`: ふりがなの自動追跡を一時停止する
+- `toggle(event?)`: ふりがなの自動追跡を切り替える。チェックボックスの変更イベントを渡すと、その `checked` 状態を使う
+- `reset()`: 内部状態（ふりがな、変換フラグなど）をすべてリセットする
+- `destroy()`: イベントリスナーをすべて削除する
+
+> **注意**: `initializeValues()` は非推奨です。代わりに `reset()` を使用してください。
+
+### Vue.jsと組み合わせる
+
+`onChange` コールバックを使うと、`getFurigana()` のポーリングなしでふりがなの変更を検知できます。
+また、出力先の input 要素を指定している場合は、その要素に `bubbles: true` の `input` イベントも発火します。
+
+```vue
+<template>
+  <div id="app">
+    <div>
+      <label for="name">名前</label>
+      <input name="name" id="name" v-model="name">
+    </div>
+    <div>
+      <label for="furigana">ふりがな</label>
+      <input name="furigana" id="furigana" v-model="furigana">
+    </div>
+    <h2>入力内容の確認</h2>
+    <p>名前: {{ name }}</p>
+    <p>ふりがな: {{ furigana }}</p>
+  </div>
+</template>
+
+<script setup>
+  import { ref, onMounted, onUnmounted } from 'vue';
+  import { bind } from '@j1nn0/vanilla-autokana';
+
+  const name = ref('');
+  const furigana = ref('');
+  let autokana;
+
+  onMounted(() => {
+    autokana = bind('#name', '#furigana', {
+      onChange: (value) => {
+        furigana.value = value;
+      },
+    });
+  });
+
+  onUnmounted(() => {
+    autokana?.destroy();
+  });
+</script>
+```
+
+`v-model`を使用している場合でも、出力先 input には `input` イベントが発火します。ただし、状態同期には `onChange` コールバックの利用を推奨します。
+`onChange` コールバックを使わずに `getFurigana` メソッドでふりがなを取り出すこともできますが、`onChange` の使用を推奨します。
+
+```html
+<!-- 非推奨: getFurigana() のポーリング -->
+<input name="name" id="name" v-model="name" @input="handleNameInput">
+```
+
+### React.jsと組み合わせる
+
+Vue.jsと同様に `onChange` コールバックが使えます。
+
+```jsx
+import { useEffect, useState } from 'react';
+import { bind } from '@j1nn0/vanilla-autokana';
+
+function App() {
+  const [name, setName] = useState('');
+  const [furigana, setFurigana] = useState('');
+
+  useEffect(() => {
+    const autokana = bind('#name', '#furigana', {
+      onChange: (value) => {
+        setFurigana(value);
+      },
+    });
+
+    return () => {
+      autokana.destroy();
+    };
+  }, []);
+
+  return (
+    <div className="App">
+      <div>
+        <label htmlFor="name">名前</label>
+        <input
+          name="name"
+          id="name"
+          value={name}
+          onInput={(e) => setName(e.target.value)}
+        />
+      </div>
+      <div>
+        <label htmlFor="furigana">ふりがな</label>
+        <input name="furigana" id="furigana" value={furigana} readOnly />
+      </div>
+      <h2>入力内容の確認</h2>
+      <p>名前: {name}</p>
+      <p>ふりがな: {furigana}</p>
+    </div>
+  );
+}
+
+export default App;
+```
+
+## 移行ガイド（v1 → v2）
+
+v2.0.0 で `katakana` オプションの値が変更されました。
+
+### 変更点
+
+| 変更前 (v1) | 変更後 (v2) |
+|-------------|-------------|
+| `katakana: false` | `katakana: 'hiragana'` |
+| `katakana: 'full'` | `katakana: 'full'`（変更なし） |
+| `katakana: 'half'` | `katakana: 'half'`（変更なし） |
+
+### 移行手順
+
+```js
+// v1
+AutoKana.bind('#name', '#furigana', { katakana: false });
+
+// v2
+AutoKana.bind('#name', '#furigana', { katakana: 'hiragana' });
+```
+
+## ライセンス
+
+MIT
+
+## 謝辞
+
+このプロジェクトは [ryo-utsunomiya/vanilla-autokana](https://github.com/ryo-utsunomiya/vanilla-autokana) をベースにしています。
+
+このライブラリの設計・実装は jquery-autokana(https://github.com/harisenbon/autokana) に大きく影響を受けています。

package/dist/AutoKana.d.cts

@@ -0,0 +1,79 @@
+import { Bindable } from './ElementResolver.cjs';
+export type { Bindable };
+export type { KatakanaOption };
+type KatakanaOption = 'hiragana' | 'full' | 'half';
+export interface AutoKanaOption {
+    /** Output format for furigana. `'hiragana'` = hiragana, `'full'` = full-width katakana, `'half'` = half-width katakana. */
+    katakana?: KatakanaOption;
+    /** When `true`, logs debug information to the console. */
+    debug?: boolean;
+    /** Callback invoked with the current furigana string whenever it changes. */
+    onChange?: (furigana: string) => void;
+}
+export default class AutoKana {
+    isActive: boolean;
+    option: AutoKanaOption & {
+        katakana: KatakanaOption;
+        debug: boolean;
+    };
+    private elName;
+    private elFurigana?;
+    private committedKana;
+    private furigana;
+    private isComposing;
+    private lastConvertedInput;
+    private lastNewInput;
+    private pendingKana;
+    private previousRawInput;
+    private blurHandler;
+    private focusHandler;
+    private compositionStartHandler;
+    private compositionEndHandler;
+    private inputHandler;
+    constructor(name: Bindable, furigana?: Bindable, option?: Partial<AutoKanaOption>);
+    /**
+     * Get the current furigana string.
+     *
+     * @returns The current furigana string.
+     */
+    getFurigana(): string;
+    /**
+     * Resume auto-kana tracking.
+     */
+    start(): void;
+    /**
+     * Pause auto-kana tracking.
+     */
+    stop(): void;
+    /**
+     * Toggle auto-kana tracking on or off.
+     *
+     * @param event Optional checkbox change event. When provided, uses the checked state of the target.
+     */
+    toggle(event?: {
+        target: {
+            checked: boolean;
+        };
+    }): void;
+    /**
+     * Reset all internal state (committed kana, furigana, composing flag, etc.).
+     */
+    reset(): void;
+    /**
+     * @deprecated Use reset() instead.
+     */
+    initializeValues(): void;
+    private registerEvents;
+    setFurigana(force?: boolean): void;
+    private extractNewInput;
+    detectAndCommitConversion(newPendingKana: string[]): void;
+    private handleCompositionInput;
+    private handleNormalInput;
+    processValue(): void;
+    commitPendingKana(): void;
+    /**
+     * Remove all event listeners (blur, focus, compositionstart, compositionend, input) from the name element.
+     */
+    destroy(): void;
+    private debug;
+}

package/dist/AutoKana.d.ts

@@ -0,0 +1,79 @@
+import { Bindable } from './ElementResolver.js';
+export type { Bindable };
+export type { KatakanaOption };
+type KatakanaOption = 'hiragana' | 'full' | 'half';
+export interface AutoKanaOption {
+    /** Output format for furigana. `'hiragana'` = hiragana, `'full'` = full-width katakana, `'half'` = half-width katakana. */
+    katakana?: KatakanaOption;
+    /** When `true`, logs debug information to the console. */
+    debug?: boolean;
+    /** Callback invoked with the current furigana string whenever it changes. */
+    onChange?: (furigana: string) => void;
+}
+export default class AutoKana {
+    isActive: boolean;
+    option: AutoKanaOption & {
+        katakana: KatakanaOption;
+        debug: boolean;
+    };
+    private elName;
+    private elFurigana?;
+    private committedKana;
+    private furigana;
+    private isComposing;
+    private lastConvertedInput;
+    private lastNewInput;
+    private pendingKana;
+    private previousRawInput;
+    private blurHandler;
+    private focusHandler;
+    private compositionStartHandler;
+    private compositionEndHandler;
+    private inputHandler;
+    constructor(name: Bindable, furigana?: Bindable, option?: Partial<AutoKanaOption>);
+    /**
+     * Get the current furigana string.
+     *
+     * @returns The current furigana string.
+     */
+    getFurigana(): string;
+    /**
+     * Resume auto-kana tracking.
+     */
+    start(): void;
+    /**
+     * Pause auto-kana tracking.
+     */
+    stop(): void;
+    /**
+     * Toggle auto-kana tracking on or off.
+     *
+     * @param event Optional checkbox change event. When provided, uses the checked state of the target.
+     */
+    toggle(event?: {
+        target: {
+            checked: boolean;
+        };
+    }): void;
+    /**
+     * Reset all internal state (committed kana, furigana, composing flag, etc.).
+     */
+    reset(): void;
+    /**
+     * @deprecated Use reset() instead.
+     */
+    initializeValues(): void;
+    private registerEvents;
+    setFurigana(force?: boolean): void;
+    private extractNewInput;
+    detectAndCommitConversion(newPendingKana: string[]): void;
+    private handleCompositionInput;
+    private handleNormalInput;
+    processValue(): void;
+    commitPendingKana(): void;
+    /**
+     * Remove all event listeners (blur, focus, compositionstart, compositionend, input) from the name element.
+     */
+    destroy(): void;
+    private debug;
+}

package/dist/ElementResolver.d.cts

@@ -0,0 +1,7 @@
+/** A CSS selector string or a DOM Element. */
+export type KanaElement = HTMLInputElement | HTMLTextAreaElement;
+export type Bindable = string | KanaElement;
+export declare function getElementLabel(selectorOrElement: Bindable): string;
+export declare function ensureElement(selectorOrElement: Bindable): HTMLElement | null;
+export declare function isKanaElement(el: HTMLElement): el is KanaElement;
+export declare function requireElement(selectorOrElement: Bindable): KanaElement;

package/dist/ElementResolver.d.ts

@@ -0,0 +1,7 @@
+/** A CSS selector string or a DOM Element. */
+export type KanaElement = HTMLInputElement | HTMLTextAreaElement;
+export type Bindable = string | KanaElement;
+export declare function getElementLabel(selectorOrElement: Bindable): string;
+export declare function ensureElement(selectorOrElement: Bindable): HTMLElement | null;
+export declare function isKanaElement(el: HTMLElement): el is KanaElement;
+export declare function requireElement(selectorOrElement: Bindable): KanaElement;

package/dist/KanaConverter.d.cts

@@ -0,0 +1,4 @@
+import { KatakanaOption } from './AutoKana.cjs';
+export declare class KanaConverter {
+    static toKatakana(src: string, option: KatakanaOption): string;
+}

package/dist/KanaConverter.d.ts

@@ -0,0 +1,4 @@
+import { KatakanaOption } from './AutoKana.js';
+export declare class KanaConverter {
+    static toKatakana(src: string, option: KatakanaOption): string;
+}

package/dist/KanaExtractor.d.cts

@@ -0,0 +1,7 @@
+export declare class KanaExtractor {
+    private static readonly EXTRACTION_PATTERN;
+    private static readonly COMPACTING_PATTERN;
+    static extract(input: string): string[];
+    static compact(input: string): string;
+    static containsNonKana(input: string): boolean;
+}

package/dist/KanaExtractor.d.ts

@@ -0,0 +1,7 @@
+export declare class KanaExtractor {
+    private static readonly EXTRACTION_PATTERN;
+    private static readonly COMPACTING_PATTERN;
+    static extract(input: string): string[];
+    static compact(input: string): string;
+    static containsNonKana(input: string): boolean;
+}

package/dist/autokana.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=class{static{this.EXTRACTION_PATTERN=/[^ 　ぁあ-んゔー]/g}static{this.COMPACTING_PATTERN=/[ぁぃぅぇぉっゃゅょ]/g}static extract(e){return e.replace(this.EXTRACTION_PATTERN,``).split(``)}static compact(e){return e.replace(this.COMPACTING_PATTERN,``)}static containsNonKana(e){return e.search(this.EXTRACTION_PATTERN)!==-1}},t={ァ:`ｧ`,ア:`ｱ`,ィ:`ｨ`,イ:`ｲ`,ゥ:`ｩ`,ウ:`ｳ`,ェ:`ｪ`,エ:`ｴ`,ォ:`ｫ`,オ:`ｵ`,カ:`ｶ`,ガ:`ｶﾞ`,キ:`ｷ`,ギ:`ｷﾞ`,ク:`ｸ`,グ:`ｸﾞ`,ケ:`ｹ`,ゲ:`ｹﾞ`,コ:`ｺ`,ゴ:`ｺﾞ`,サ:`ｻ`,ザ:`ｻﾞ`,シ:`ｼ`,ジ:`ｼﾞ`,ス:`ｽ`,ズ:`ｽﾞ`,セ:`ｾ`,ゼ:`ｾﾞ`,ソ:`ｿ`,ゾ:`ｿﾞ`,タ:`ﾀ`,ダ:`ﾀﾞ`,チ:`ﾁ`,ヂ:`ﾁﾞ`,ッ:`ｯ`,ツ:`ﾂ`,ヅ:`ﾂﾞ`,テ:`ﾃ`,デ:`ﾃﾞ`,ト:`ﾄ`,ド:`ﾄﾞ`,ナ:`ﾅ`,ニ:`ﾆ`,ヌ:`ﾇ`,ネ:`ﾈ`,ノ:`ﾉ`,ハ:`ﾊ`,バ:`ﾊﾞ`,パ:`ﾊﾟ`,ヒ:`ﾋ`,ビ:`ﾋﾞ`,ピ:`ﾋﾟ`,フ:`ﾌ`,ブ:`ﾌﾞ`,プ:`ﾌﾟ`,ヘ:`ﾍ`,ベ:`ﾍﾞ`,ペ:`ﾍﾟ`,ホ:`ﾎ`,ボ:`ﾎﾞ`,ポ:`ﾎﾟ`,マ:`ﾏ`,ミ:`ﾐ`,ム:`ﾑ`,メ:`ﾒ`,モ:`ﾓ`,ャ:`ｬ`,ヤ:`ﾔ`,ュ:`ｭ`,ユ:`ﾕ`,ョ:`ｮ`,ヨ:`ﾖ`,ラ:`ﾗ`,リ:`ﾘ`,ル:`ﾙ`,レ:`ﾚ`,ロ:`ﾛ`,ワ:`ﾜ`,ヰ:`ｲ`,ヱ:`ｴ`,ヲ:`ｦ`,ヺ:`ｦﾞ`,ン:`ﾝ`,ヴ:`ｳﾞ`,ー:`ｰ`,"。":`｡`,"、":`､`},n=12353,r=12436,i=12445,a=12446;function o(e){return e>=n&&e<=r||e===i||e===a}var s=class{static toKatakana(e,n){if(n===`hiragana`)return e;let r,i=``;for(let t=0;t<e.length;t+=1)r=e.charCodeAt(t),o(r)?i+=String.fromCharCode(r+96):i+=e.charAt(t);return n===`half`?i.replace(/[ァ-ヴヺー。、]/g,e=>t[e]??e):i}};function c(e){return typeof e==`string`?`"${e}"`:`the provided element`}function l(e){if(typeof e==`string`){if(!/^[[.#:]/.test(e))return document.getElementById(e);try{return document.querySelector(e)}catch{throw Error(`AutoKana: Invalid selector for ${c(e)}.`)}}return e instanceof HTMLElement?e:null}function u(e){return e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement}function d(e){let t=l(e);if(!t){let t=c(e);throw Error(`AutoKana: Element not found for ${t}. Ensure the DOM element exists before calling bind(). For Vue/React, call bind() inside onMounted()/useEffect() or after the component is mounted.`)}if(!u(t)){let t=c(e);throw Error(`AutoKana: Element must be an input or textarea for ${t}.`)}return t}function f(e){if(e===void 0||e===``)return;let t=l(e);if(t){if(!u(t))throw Error(`AutoKana: Element must be an input or textarea for ${c(e)}.`);return t}}var p=class{constructor(e,t=``,n={}){this.blurHandler=()=>{this.debug(`blur`),this.isComposing=!1},this.focusHandler=()=>{this.debug(`focus`),this.elFurigana&&(this.committedKana=this.elFurigana.value),this.isComposing=!1,this.pendingKana=[],this.lastNewInput=``,this.previousRawInput=``,this.lastConvertedInput=this.elName.value,this.processValue()},this.compositionStartHandler=()=>{this.debug(`compositionstart`),this.isComposing=!0},this.compositionEndHandler=()=>{this.debug(`compositionend`),this.isComposing=!1,this.lastNewInput=``,this.previousRawInput=``,this.processValue()},this.inputHandler=e=>{this.debug(`input`,e.isComposing),this.processValue()},this.isActive=!0,this.committedKana=``,this.furigana=``,this.isComposing=!1,this.lastConvertedInput=``,this.lastNewInput=``,this.pendingKana=[],this.previousRawInput=``,this.option=Object.assign({katakana:`hiragana`,debug:!1},n);let r=d(e),i=f(t);this.elName=r,i&&(this.elFurigana=i),this.registerEvents(this.elName)}getFurigana(){return this.furigana}start(){this.isActive=!0}stop(){this.isActive=!1}toggle(e){e?this.isActive=e.target.checked:this.isActive=!this.isActive}reset(){this.committedKana=``,this.furigana=``,this.isComposing=!1,this.lastConvertedInput=``,this.lastNewInput=``,this.pendingKana=[],this.previousRawInput=``}initializeValues(){this.reset()}registerEvents(e){e.addEventListener(`blur`,this.blurHandler),e.addEventListener(`focus`,this.focusHandler),e.addEventListener(`compositionstart`,this.compositionStartHandler),e.addEventListener(`compositionend`,this.compositionEndHandler),e.addEventListener(`input`,this.inputHandler)}setFurigana(e=!1){if(this.isActive){let t=s.toKatakana(this.committedKana+this.pendingKana.join(``),this.option.katakana),n=this.option.katakana===`half`?t.replace(/　/g,` `):t;if(!e&&n===this.furigana)return;this.furigana=n,this.elFurigana&&(this.elFurigana.value=this.furigana,this.elFurigana.dispatchEvent(new Event(`input`,{bubbles:!0}))),this.option.onChange&&this.option.onChange(this.furigana)}}extractNewInput(e){if(e.indexOf(this.lastConvertedInput)!==-1)return e.replace(this.lastConvertedInput,``);let t=this.lastConvertedInput.split(``),n=e.split(``);for(let e=0;e<t.length;e+=1)t[e]===n[e]&&(n[e]=``);return n.join(``)}detectAndCommitConversion(t){if(Math.abs(this.pendingKana.length-t.length)>1){let n=this.pendingKana.join(``),r=t.join(``);if(!r.startsWith(n)){let t=e.compact(r).split(``);Math.abs(this.pendingKana.length-t.length)>1&&this.commitPendingKana()}}else this.pendingKana.length===this.lastNewInput.length&&this.pendingKana.join(``)!==this.lastNewInput&&e.containsNonKana(this.lastNewInput)&&this.commitPendingKana()}handleCompositionInput(t){let n=e.extract(t);n.length>=this.pendingKana.length&&(this.pendingKana=n),this.setFurigana()}handleNormalInput(t,n){if(this.lastNewInput===t)return;let r=n.length<this.previousRawInput.length;this.lastNewInput=t,this.previousRawInput=n;let i=e.extract(t);if(!r){let e=this.committedKana;if(this.detectAndCommitConversion(i),this.committedKana!==e){this.lastConvertedInput=n,this.setFurigana();return}}this.pendingKana=i,this.setFurigana()}processValue(){let e=this.elName.value;if(e===``){this.reset(),this.setFurigana(!0);return}let t=this.extractNewInput(e);if(this.isComposing){this.handleCompositionInput(t);return}this.handleNormalInput(t,e)}commitPendingKana(){this.committedKana+=this.pendingKana.join(``),this.pendingKana=[]}destroy(){this.elName.removeEventListener(`blur`,this.blurHandler),this.elName.removeEventListener(`focus`,this.focusHandler),this.elName.removeEventListener(`compositionstart`,this.compositionStartHandler),this.elName.removeEventListener(`compositionend`,this.compositionEndHandler),this.elName.removeEventListener(`input`,this.inputHandler),this.elName=null,this.elFurigana=void 0}debug(...e){this.option.debug&&console.log(...e)}};function m(e,t,n={}){return new p(e,t,n)}exports.AutoKana=p,exports.KanaConverter=s,exports.KanaExtractor=e,exports.bind=m;

package/dist/autokana.es.js

@@ -0,0 +1,268 @@
+//#region src/KanaExtractor.ts
+var e = class {
+	static {
+		this.EXTRACTION_PATTERN = /[^ 　ぁあ-んゔー]/g;
+	}
+	static {
+		this.COMPACTING_PATTERN = /[ぁぃぅぇぉっゃゅょ]/g;
+	}
+	static extract(e) {
+		return e.replace(this.EXTRACTION_PATTERN, "").split("");
+	}
+	static compact(e) {
+		return e.replace(this.COMPACTING_PATTERN, "");
+	}
+	static containsNonKana(e) {
+		return e.search(this.EXTRACTION_PATTERN) !== -1;
+	}
+}, t = {
+	ァ: "ｧ",
+	ア: "ｱ",
+	ィ: "ｨ",
+	イ: "ｲ",
+	ゥ: "ｩ",
+	ウ: "ｳ",
+	ェ: "ｪ",
+	エ: "ｴ",
+	ォ: "ｫ",
+	オ: "ｵ",
+	カ: "ｶ",
+	ガ: "ｶﾞ",
+	キ: "ｷ",
+	ギ: "ｷﾞ",
+	ク: "ｸ",
+	グ: "ｸﾞ",
+	ケ: "ｹ",
+	ゲ: "ｹﾞ",
+	コ: "ｺ",
+	ゴ: "ｺﾞ",
+	サ: "ｻ",
+	ザ: "ｻﾞ",
+	シ: "ｼ",
+	ジ: "ｼﾞ",
+	ス: "ｽ",
+	ズ: "ｽﾞ",
+	セ: "ｾ",
+	ゼ: "ｾﾞ",
+	ソ: "ｿ",
+	ゾ: "ｿﾞ",
+	タ: "ﾀ",
+	ダ: "ﾀﾞ",
+	チ: "ﾁ",
+	ヂ: "ﾁﾞ",
+	ッ: "ｯ",
+	ツ: "ﾂ",
+	ヅ: "ﾂﾞ",
+	テ: "ﾃ",
+	デ: "ﾃﾞ",
+	ト: "ﾄ",
+	ド: "ﾄﾞ",
+	ナ: "ﾅ",
+	ニ: "ﾆ",
+	ヌ: "ﾇ",
+	ネ: "ﾈ",
+	ノ: "ﾉ",
+	ハ: "ﾊ",
+	バ: "ﾊﾞ",
+	パ: "ﾊﾟ",
+	ヒ: "ﾋ",
+	ビ: "ﾋﾞ",
+	ピ: "ﾋﾟ",
+	フ: "ﾌ",
+	ブ: "ﾌﾞ",
+	プ: "ﾌﾟ",
+	ヘ: "ﾍ",
+	ベ: "ﾍﾞ",
+	ペ: "ﾍﾟ",
+	ホ: "ﾎ",
+	ボ: "ﾎﾞ",
+	ポ: "ﾎﾟ",
+	マ: "ﾏ",
+	ミ: "ﾐ",
+	ム: "ﾑ",
+	メ: "ﾒ",
+	モ: "ﾓ",
+	ャ: "ｬ",
+	ヤ: "ﾔ",
+	ュ: "ｭ",
+	ユ: "ﾕ",
+	ョ: "ｮ",
+	ヨ: "ﾖ",
+	ラ: "ﾗ",
+	リ: "ﾘ",
+	ル: "ﾙ",
+	レ: "ﾚ",
+	ロ: "ﾛ",
+	ワ: "ﾜ",
+	ヰ: "ｲ",
+	ヱ: "ｴ",
+	ヲ: "ｦ",
+	ヺ: "ｦﾞ",
+	ン: "ﾝ",
+	ヴ: "ｳﾞ",
+	ー: "ｰ",
+	"。": "｡",
+	"、": "､"
+}, n = 12353, r = 12436, i = 12445, a = 12446;
+function o(e) {
+	return e >= n && e <= r || e === i || e === a;
+}
+var s = class {
+	static toKatakana(e, n) {
+		if (n === "hiragana") return e;
+		let r, i = "";
+		for (let t = 0; t < e.length; t += 1) r = e.charCodeAt(t), o(r) ? i += String.fromCharCode(r + 96) : i += e.charAt(t);
+		return n === "half" ? i.replace(/[ァ-ヴヺー。、]/g, (e) => t[e] ?? e) : i;
+	}
+};
+//#endregion
+//#region src/ElementResolver.ts
+function c(e) {
+	return typeof e == "string" ? `"${e}"` : "the provided element";
+}
+function l(e) {
+	if (typeof e == "string") {
+		if (!/^[[.#:]/.test(e)) return document.getElementById(e);
+		try {
+			return document.querySelector(e);
+		} catch {
+			throw Error(`AutoKana: Invalid selector for ${c(e)}.`);
+		}
+	}
+	return e instanceof HTMLElement ? e : null;
+}
+function u(e) {
+	return e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement;
+}
+function d(e) {
+	let t = l(e);
+	if (!t) {
+		let t = c(e);
+		throw Error(`AutoKana: Element not found for ${t}. Ensure the DOM element exists before calling bind(). For Vue/React, call bind() inside onMounted()/useEffect() or after the component is mounted.`);
+	}
+	if (!u(t)) {
+		let t = c(e);
+		throw Error(`AutoKana: Element must be an input or textarea for ${t}.`);
+	}
+	return t;
+}
+//#endregion
+//#region src/AutoKana.ts
+function f(e) {
+	if (e === void 0 || e === "") return;
+	let t = l(e);
+	if (t) {
+		if (!u(t)) throw Error(`AutoKana: Element must be an input or textarea for ${c(e)}.`);
+		return t;
+	}
+}
+var p = class {
+	constructor(e, t = "", n = {}) {
+		this.blurHandler = () => {
+			this.debug("blur"), this.isComposing = !1;
+		}, this.focusHandler = () => {
+			this.debug("focus"), this.elFurigana && (this.committedKana = this.elFurigana.value), this.isComposing = !1, this.pendingKana = [], this.lastNewInput = "", this.previousRawInput = "", this.lastConvertedInput = this.elName.value, this.processValue();
+		}, this.compositionStartHandler = () => {
+			this.debug("compositionstart"), this.isComposing = !0;
+		}, this.compositionEndHandler = () => {
+			this.debug("compositionend"), this.isComposing = !1, this.lastNewInput = "", this.previousRawInput = "", this.processValue();
+		}, this.inputHandler = (e) => {
+			this.debug("input", e.isComposing), this.processValue();
+		}, this.isActive = !0, this.committedKana = "", this.furigana = "", this.isComposing = !1, this.lastConvertedInput = "", this.lastNewInput = "", this.pendingKana = [], this.previousRawInput = "", this.option = Object.assign({
+			katakana: "hiragana",
+			debug: !1
+		}, n);
+		let r = d(e), i = f(t);
+		this.elName = r, i && (this.elFurigana = i), this.registerEvents(this.elName);
+	}
+	getFurigana() {
+		return this.furigana;
+	}
+	start() {
+		this.isActive = !0;
+	}
+	stop() {
+		this.isActive = !1;
+	}
+	toggle(e) {
+		e ? this.isActive = e.target.checked : this.isActive = !this.isActive;
+	}
+	reset() {
+		this.committedKana = "", this.furigana = "", this.isComposing = !1, this.lastConvertedInput = "", this.lastNewInput = "", this.pendingKana = [], this.previousRawInput = "";
+	}
+	initializeValues() {
+		this.reset();
+	}
+	registerEvents(e) {
+		e.addEventListener("blur", this.blurHandler), e.addEventListener("focus", this.focusHandler), e.addEventListener("compositionstart", this.compositionStartHandler), e.addEventListener("compositionend", this.compositionEndHandler), e.addEventListener("input", this.inputHandler);
+	}
+	setFurigana(e = !1) {
+		if (this.isActive) {
+			let t = s.toKatakana(this.committedKana + this.pendingKana.join(""), this.option.katakana), n = this.option.katakana === "half" ? t.replace(/　/g, " ") : t;
+			if (!e && n === this.furigana) return;
+			this.furigana = n, this.elFurigana && (this.elFurigana.value = this.furigana, this.elFurigana.dispatchEvent(new Event("input", { bubbles: !0 }))), this.option.onChange && this.option.onChange(this.furigana);
+		}
+	}
+	extractNewInput(e) {
+		if (e.indexOf(this.lastConvertedInput) !== -1) return e.replace(this.lastConvertedInput, "");
+		let t = this.lastConvertedInput.split(""), n = e.split("");
+		for (let e = 0; e < t.length; e += 1) t[e] === n[e] && (n[e] = "");
+		return n.join("");
+	}
+	detectAndCommitConversion(t) {
+		if (Math.abs(this.pendingKana.length - t.length) > 1) {
+			let n = this.pendingKana.join(""), r = t.join("");
+			if (!r.startsWith(n)) {
+				let t = e.compact(r).split("");
+				Math.abs(this.pendingKana.length - t.length) > 1 && this.commitPendingKana();
+			}
+		} else this.pendingKana.length === this.lastNewInput.length && this.pendingKana.join("") !== this.lastNewInput && e.containsNonKana(this.lastNewInput) && this.commitPendingKana();
+	}
+	handleCompositionInput(t) {
+		let n = e.extract(t);
+		n.length >= this.pendingKana.length && (this.pendingKana = n), this.setFurigana();
+	}
+	handleNormalInput(t, n) {
+		if (this.lastNewInput === t) return;
+		let r = n.length < this.previousRawInput.length;
+		this.lastNewInput = t, this.previousRawInput = n;
+		let i = e.extract(t);
+		if (!r) {
+			let e = this.committedKana;
+			if (this.detectAndCommitConversion(i), this.committedKana !== e) {
+				this.lastConvertedInput = n, this.setFurigana();
+				return;
+			}
+		}
+		this.pendingKana = i, this.setFurigana();
+	}
+	processValue() {
+		let e = this.elName.value;
+		if (e === "") {
+			this.reset(), this.setFurigana(!0);
+			return;
+		}
+		let t = this.extractNewInput(e);
+		if (this.isComposing) {
+			this.handleCompositionInput(t);
+			return;
+		}
+		this.handleNormalInput(t, e);
+	}
+	commitPendingKana() {
+		this.committedKana += this.pendingKana.join(""), this.pendingKana = [];
+	}
+	destroy() {
+		this.elName.removeEventListener("blur", this.blurHandler), this.elName.removeEventListener("focus", this.focusHandler), this.elName.removeEventListener("compositionstart", this.compositionStartHandler), this.elName.removeEventListener("compositionend", this.compositionEndHandler), this.elName.removeEventListener("input", this.inputHandler), this.elName = null, this.elFurigana = void 0;
+	}
+	debug(...e) {
+		this.option.debug && console.log(...e);
+	}
+};
+//#endregion
+//#region src/index.ts
+function m(e, t, n = {}) {
+	return new p(e, t, n);
+}
+//#endregion
+export { p as AutoKana, s as KanaConverter, e as KanaExtractor, m as bind };

package/dist/autokana.umd.js

@@ -0,0 +1 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports):typeof define==`function`&&define.amd?define([`exports`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.AutoKana={}))})(this,function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var t=class{static{this.EXTRACTION_PATTERN=/[^ 　ぁあ-んゔー]/g}static{this.COMPACTING_PATTERN=/[ぁぃぅぇぉっゃゅょ]/g}static extract(e){return e.replace(this.EXTRACTION_PATTERN,``).split(``)}static compact(e){return e.replace(this.COMPACTING_PATTERN,``)}static containsNonKana(e){return e.search(this.EXTRACTION_PATTERN)!==-1}},n={ァ:`ｧ`,ア:`ｱ`,ィ:`ｨ`,イ:`ｲ`,ゥ:`ｩ`,ウ:`ｳ`,ェ:`ｪ`,エ:`ｴ`,ォ:`ｫ`,オ:`ｵ`,カ:`ｶ`,ガ:`ｶﾞ`,キ:`ｷ`,ギ:`ｷﾞ`,ク:`ｸ`,グ:`ｸﾞ`,ケ:`ｹ`,ゲ:`ｹﾞ`,コ:`ｺ`,ゴ:`ｺﾞ`,サ:`ｻ`,ザ:`ｻﾞ`,シ:`ｼ`,ジ:`ｼﾞ`,ス:`ｽ`,ズ:`ｽﾞ`,セ:`ｾ`,ゼ:`ｾﾞ`,ソ:`ｿ`,ゾ:`ｿﾞ`,タ:`ﾀ`,ダ:`ﾀﾞ`,チ:`ﾁ`,ヂ:`ﾁﾞ`,ッ:`ｯ`,ツ:`ﾂ`,ヅ:`ﾂﾞ`,テ:`ﾃ`,デ:`ﾃﾞ`,ト:`ﾄ`,ド:`ﾄﾞ`,ナ:`ﾅ`,ニ:`ﾆ`,ヌ:`ﾇ`,ネ:`ﾈ`,ノ:`ﾉ`,ハ:`ﾊ`,バ:`ﾊﾞ`,パ:`ﾊﾟ`,ヒ:`ﾋ`,ビ:`ﾋﾞ`,ピ:`ﾋﾟ`,フ:`ﾌ`,ブ:`ﾌﾞ`,プ:`ﾌﾟ`,ヘ:`ﾍ`,ベ:`ﾍﾞ`,ペ:`ﾍﾟ`,ホ:`ﾎ`,ボ:`ﾎﾞ`,ポ:`ﾎﾟ`,マ:`ﾏ`,ミ:`ﾐ`,ム:`ﾑ`,メ:`ﾒ`,モ:`ﾓ`,ャ:`ｬ`,ヤ:`ﾔ`,ュ:`ｭ`,ユ:`ﾕ`,ョ:`ｮ`,ヨ:`ﾖ`,ラ:`ﾗ`,リ:`ﾘ`,ル:`ﾙ`,レ:`ﾚ`,ロ:`ﾛ`,ワ:`ﾜ`,ヰ:`ｲ`,ヱ:`ｴ`,ヲ:`ｦ`,ヺ:`ｦﾞ`,ン:`ﾝ`,ヴ:`ｳﾞ`,ー:`ｰ`,"。":`｡`,"、":`､`},r=12353,i=12436,a=12445,o=12446;function s(e){return e>=r&&e<=i||e===a||e===o}var c=class{static toKatakana(e,t){if(t===`hiragana`)return e;let r,i=``;for(let t=0;t<e.length;t+=1)r=e.charCodeAt(t),s(r)?i+=String.fromCharCode(r+96):i+=e.charAt(t);return t===`half`?i.replace(/[ァ-ヴヺー。、]/g,e=>n[e]??e):i}};function l(e){return typeof e==`string`?`"${e}"`:`the provided element`}function u(e){if(typeof e==`string`){if(!/^[[.#:]/.test(e))return document.getElementById(e);try{return document.querySelector(e)}catch{throw Error(`AutoKana: Invalid selector for ${l(e)}.`)}}return e instanceof HTMLElement?e:null}function d(e){return e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement}function f(e){let t=u(e);if(!t){let t=l(e);throw Error(`AutoKana: Element not found for ${t}. Ensure the DOM element exists before calling bind(). For Vue/React, call bind() inside onMounted()/useEffect() or after the component is mounted.`)}if(!d(t)){let t=l(e);throw Error(`AutoKana: Element must be an input or textarea for ${t}.`)}return t}function p(e){if(e===void 0||e===``)return;let t=u(e);if(t){if(!d(t))throw Error(`AutoKana: Element must be an input or textarea for ${l(e)}.`);return t}}var m=class{constructor(e,t=``,n={}){this.blurHandler=()=>{this.debug(`blur`),this.isComposing=!1},this.focusHandler=()=>{this.debug(`focus`),this.elFurigana&&(this.committedKana=this.elFurigana.value),this.isComposing=!1,this.pendingKana=[],this.lastNewInput=``,this.previousRawInput=``,this.lastConvertedInput=this.elName.value,this.processValue()},this.compositionStartHandler=()=>{this.debug(`compositionstart`),this.isComposing=!0},this.compositionEndHandler=()=>{this.debug(`compositionend`),this.isComposing=!1,this.lastNewInput=``,this.previousRawInput=``,this.processValue()},this.inputHandler=e=>{this.debug(`input`,e.isComposing),this.processValue()},this.isActive=!0,this.committedKana=``,this.furigana=``,this.isComposing=!1,this.lastConvertedInput=``,this.lastNewInput=``,this.pendingKana=[],this.previousRawInput=``,this.option=Object.assign({katakana:`hiragana`,debug:!1},n);let r=f(e),i=p(t);this.elName=r,i&&(this.elFurigana=i),this.registerEvents(this.elName)}getFurigana(){return this.furigana}start(){this.isActive=!0}stop(){this.isActive=!1}toggle(e){e?this.isActive=e.target.checked:this.isActive=!this.isActive}reset(){this.committedKana=``,this.furigana=``,this.isComposing=!1,this.lastConvertedInput=``,this.lastNewInput=``,this.pendingKana=[],this.previousRawInput=``}initializeValues(){this.reset()}registerEvents(e){e.addEventListener(`blur`,this.blurHandler),e.addEventListener(`focus`,this.focusHandler),e.addEventListener(`compositionstart`,this.compositionStartHandler),e.addEventListener(`compositionend`,this.compositionEndHandler),e.addEventListener(`input`,this.inputHandler)}setFurigana(e=!1){if(this.isActive){let t=c.toKatakana(this.committedKana+this.pendingKana.join(``),this.option.katakana),n=this.option.katakana===`half`?t.replace(/　/g,` `):t;if(!e&&n===this.furigana)return;this.furigana=n,this.elFurigana&&(this.elFurigana.value=this.furigana,this.elFurigana.dispatchEvent(new Event(`input`,{bubbles:!0}))),this.option.onChange&&this.option.onChange(this.furigana)}}extractNewInput(e){if(e.indexOf(this.lastConvertedInput)!==-1)return e.replace(this.lastConvertedInput,``);let t=this.lastConvertedInput.split(``),n=e.split(``);for(let e=0;e<t.length;e+=1)t[e]===n[e]&&(n[e]=``);return n.join(``)}detectAndCommitConversion(e){if(Math.abs(this.pendingKana.length-e.length)>1){let n=this.pendingKana.join(``),r=e.join(``);if(!r.startsWith(n)){let e=t.compact(r).split(``);Math.abs(this.pendingKana.length-e.length)>1&&this.commitPendingKana()}}else this.pendingKana.length===this.lastNewInput.length&&this.pendingKana.join(``)!==this.lastNewInput&&t.containsNonKana(this.lastNewInput)&&this.commitPendingKana()}handleCompositionInput(e){let n=t.extract(e);n.length>=this.pendingKana.length&&(this.pendingKana=n),this.setFurigana()}handleNormalInput(e,n){if(this.lastNewInput===e)return;let r=n.length<this.previousRawInput.length;this.lastNewInput=e,this.previousRawInput=n;let i=t.extract(e);if(!r){let e=this.committedKana;if(this.detectAndCommitConversion(i),this.committedKana!==e){this.lastConvertedInput=n,this.setFurigana();return}}this.pendingKana=i,this.setFurigana()}processValue(){let e=this.elName.value;if(e===``){this.reset(),this.setFurigana(!0);return}let t=this.extractNewInput(e);if(this.isComposing){this.handleCompositionInput(t);return}this.handleNormalInput(t,e)}commitPendingKana(){this.committedKana+=this.pendingKana.join(``),this.pendingKana=[]}destroy(){this.elName.removeEventListener(`blur`,this.blurHandler),this.elName.removeEventListener(`focus`,this.focusHandler),this.elName.removeEventListener(`compositionstart`,this.compositionStartHandler),this.elName.removeEventListener(`compositionend`,this.compositionEndHandler),this.elName.removeEventListener(`input`,this.inputHandler),this.elName=null,this.elFurigana=void 0}debug(...e){this.option.debug&&console.log(...e)}};function h(e,t,n={}){return new m(e,t,n)}e.AutoKana=m,e.KanaConverter=c,e.KanaExtractor=t,e.bind=h});

package/dist/index.d.cts

@@ -0,0 +1,14 @@
+import { default as AutoKana, AutoKanaOption, Bindable, KatakanaOption } from './AutoKana.cjs';
+import { KanaConverter } from './KanaConverter.cjs';
+import { KanaExtractor } from './KanaExtractor.cjs';
+/**
+ * Bind elements to AutoKana.
+ *
+ * @param name Selector string starting with `#`, `.`, `[`, or `:`, or an element of the name input. Bare ID strings are also supported.
+ * @param furigana Selector string starting with `#`, `.`, `[`, or `:`, or an element of the furigana output input. Optional. Bare ID strings are also supported.
+ * @param option Option.
+ * @returns An AutoKana instance.
+ */
+export declare function bind(name: Bindable, furigana?: Bindable, option?: AutoKanaOption): AutoKana;
+export { AutoKana, KanaConverter, KanaExtractor };
+export type { AutoKanaOption, Bindable, KatakanaOption };

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+import { default as AutoKana, AutoKanaOption, Bindable, KatakanaOption } from './AutoKana.js';
+import { KanaConverter } from './KanaConverter.js';
+import { KanaExtractor } from './KanaExtractor.js';
+/**
+ * Bind elements to AutoKana.
+ *
+ * @param name Selector string starting with `#`, `.`, `[`, or `:`, or an element of the name input. Bare ID strings are also supported.
+ * @param furigana Selector string starting with `#`, `.`, `[`, or `:`, or an element of the furigana output input. Optional. Bare ID strings are also supported.
+ * @param option Option.
+ * @returns An AutoKana instance.
+ */
+export declare function bind(name: Bindable, furigana?: Bindable, option?: AutoKanaOption): AutoKana;
+export { AutoKana, KanaConverter, KanaExtractor };
+export type { AutoKanaOption, Bindable, KatakanaOption };

package/dist/katakanaMap.d.cts

@@ -0,0 +1 @@
+export declare const fullToHalfKatakanaMap: Record<string, string>;

package/dist/katakanaMap.d.ts

@@ -0,0 +1 @@
+export declare const fullToHalfKatakanaMap: Record<string, string>;

package/package.json

@@ -0,0 +1,80 @@
+{
+  "name": "@j1nn0/vanilla-autokana",
+  "version": "2.0.0",
+  "description": "A JavaScript library to complete furigana automatically (forked from ryo-utsunomiya/vanilla-autokana).",
+  "author": "j1nn0 <j1nn0.github@gmail.com>",
+  "contributors": [
+    "j1nn0 <j1nn0.github@gmail.com>",
+    "Ryo Utsunomiya <millionsnowliving@gmail.com>"
+  ],
+  "license": "MIT",
+  "main": "dist/autokana.cjs",
+  "module": "dist/autokana.es.js",
+  "types": "dist/index.d.ts",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/autokana.es.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/autokana.cjs"
+      }
+    }
+  },
+  "sideEffects": false,
+  "engines": {
+    "node": ">=24",
+    "pnpm": ">=10"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/j1nn0/vanilla-autokana.git"
+  },
+  "bugs": {
+    "url": "https://github.com/j1nn0/vanilla-autokana/issues"
+  },
+  "homepage": "https://github.com/j1nn0/vanilla-autokana#readme",
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "devDependencies": {
+    "@storybook/html": "^10.4.2",
+    "@storybook/html-vite": "^10.4.2",
+    "@types/node": "^25.9.2",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.2",
+    "@vitest/coverage-v8": "4.1.8",
+    "jsdom": "^29.1.1",
+    "oxfmt": "^0.53.0",
+    "oxlint": "^1.68.0",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "storybook": "^10.4.2",
+    "typescript": "^6.0.2",
+    "unplugin-dts": "^1.0.2",
+    "vite": "^8.0.16",
+    "vitest": "^4.1.8",
+    "vue": "^3.5.35"
+  },
+  "scripts": {
+    "build": "vite build && node scripts/prepare-cjs-types.mjs",
+    "watch": "vite build --watch",
+    "lint": "oxlint src __tests__",
+    "typecheck": "tsc --noEmit && tsc --noEmit -p tsconfig.build.json",
+    "format": "oxfmt --write src",
+    "test": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "verify:exports": "node scripts/verify-package-exports.mjs",
+    "ci": "oxlint src __tests__ && tsc --noEmit && tsc --noEmit -p tsconfig.build.json && vitest run --coverage && vite build && node scripts/prepare-cjs-types.mjs && node scripts/verify-package-exports.mjs",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  }
+}