@geckou/ui-core 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Geckou LLC
+
+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,103 @@
+# @geckou/ui-core
+
+[`@geckou/ui-vue`](../vue) と [`@geckou/ui-react`](../react) が共有する、
+フレームワーク非依存のロジック層。Vue も React も使わない純粋な TypeScript です。
+
+コンポーネントを使わず、バリデーションや日付処理だけ利用することもできます。
+
+```bash
+yarn add @geckou/ui-core
+```
+
+## なぜ分けているか
+
+Vue 版と React 版を別々に実装していたため、同じバグが両方に存在し、
+片方だけ直ってもう片方に残る、という事故が起きました。
+フレームワークに依存しないロジックをここへ集約し、テストを付けています。
+
+## API
+
+### バリデーション
+
+```ts
+import { isEmptyValue, runValidates, validateInputValue } from '@geckou/ui-core'
+```
+
+| 関数 | 説明 |
+|---|---|
+| `isEmptyValue(value)` | 空かどうか。**数値 `0` や `'0'` は空とみなさない**（`!value` 判定だと 0 が必須エラーになる） |
+| `runValidates(value, validates)` | 各 `RegExp` を適用し、一致しなかった `message` を返す。`g` / `y` フラグ付きでも判定が安定するよう毎回クローンして評価し、**呼び出し側の `lastIndex` を変異させない** |
+| `validateInputValue(value, { isRequired, validates })` | 必須チェックと `validates` をまとめて適用し、メッセージの配列を返す |
+
+### 日付
+
+```ts
+import {
+  formatDateValue,
+  splitDate,
+  composeDateValue,
+  validateDateObject,
+  daysInMonth,
+} from '@geckou/ui-core'
+```
+
+| 関数 | 説明 |
+|---|---|
+| `formatDateValue(value, type?)` | `YYYY-MM-DD`（`type='month'` なら `YYYY-MM`）へ正規化。**`toISOString()` を使わないためタイムゾーンで日付がずれない**。不正な文字列は空文字を返す |
+| `splitDate(value)` | `YYYY-MM-DD` を `{ year, month, day }` へ分解 |
+| `composeDateValue(dateObject, type?)` | 年月日から日付文字列を組み立てる。要素が欠けていれば空文字 |
+| `validateDateObject(dateObject, { type, isRequired })` | 桁数・月の範囲・その月に存在する日かを検証し `{ isValid, message }` を返す |
+| `daysInMonth(year, month)` | 指定した年月の日数（`month` は 1 始まり。うるう年を考慮） |
+
+### 文字変換
+
+```ts
+import { convertFullWidthToHalfWidth } from '@geckou/ui-core'
+```
+
+全角の英数字を半角へ変換します。全角以外はそのまま残します。
+
+### フォーム全体の検証状態
+
+```ts
+import { createFormValidationStore } from '@geckou/ui-core'
+
+const store = createFormValidationStore()
+store.setValid('startedOn', false)
+store.getSnapshot() // { isAllValid: false, invalidNames: ['startedOn'] }
+```
+
+| メソッド | 説明 |
+|---|---|
+| `setValid(name, isValid)` | 入力の状態を登録・更新する |
+| `isValid(name)` | 個別の入力が有効か（未登録なら `true`） |
+| `remove(name)` | 管理対象から外す |
+| `reset()` | すべての状態を破棄する |
+| `getSnapshot()` | 現在の状態。**内容が変わらない限り同一参照を返す**ため `useSyncExternalStore` にそのまま渡せる |
+| `subscribe(listener)` | 変更通知を購読する。戻り値を呼ぶと解除 |
+
+各フレームワークからは以下でつなぎます。
+
+- Vue: `FormValidationManager`（`@geckou/ui-vue`）
+- React: `useFormValidation`（`@geckou/ui-react`）
+
+### 定数・型
+
+```ts
+import { COLOR, BORDER, MESSAGES, INPUT_BOX_DEFAULT_STYLES } from '@geckou/ui-core'
+import type { Validates, Option, StateVariation, DateObject } from '@geckou/ui-core'
+```
+
+`MESSAGES` はエラー文言の単一の入口です。Vue / React で文言がずれないよう、必ずここを参照します。
+
+型の一覧は [Vue パッケージの README](../vue/README.md#types) を参照してください。
+
+## テスト
+
+```bash
+yarn workspace @geckou/ui-core test
+```
+
+## License
+
+[MIT](../../LICENSE)

package/dist/constants.d.ts

@@ -0,0 +1,25 @@
+import type { InputBoxStyleForEachStatus, BorderStyle } from './types';
+export declare const COLOR: {
+    white: string;
+    black: string;
+    darkGray: string;
+    gray: string;
+    lightGray: string;
+    red: string;
+    green: string;
+    blue: string;
+};
+export declare const BORDER: BorderStyle;
+export declare const INPUT_BOX_DEFAULT_STYLES: InputBoxStyleForEachStatus;
+/**
+ * エラーメッセージ。将来 i18n へ差し替えるための単一の入口。
+ * Vue / React で文言がずれないよう、必ずここを参照する。
+ */
+export declare const MESSAGES: {
+    required: string;
+    invalidYear: string;
+    invalidMonth: string;
+    invalidDay: string;
+    monthOutOfRange: string;
+    dayOutOfRange: (maxDay: number) => string;
+};

package/dist/constants.js

@@ -0,0 +1,66 @@
+export const COLOR = {
+    white: '#fff',
+    black: '#333',
+    darkGray: '#999',
+    gray: '#ccc',
+    lightGray: '#f9f9f9',
+    red: '#aa0000',
+    green: '#28a745',
+    blue: '#1c4ac9',
+};
+const { black: TEXT_COLOR, darkGray: PLACEHOLDER_COLOR, gray: BORDER_COLOR, lightGray: DISABLED_COLOR, red: CAUTION_COLOR, green: VALID_COLOR, blue: FOCUS_COLOR, } = COLOR;
+export const BORDER = {
+    color: BORDER_COLOR,
+    size: '1px',
+    radius: '.25rem',
+};
+const NO_SHADOW = '0 0 0 0 rgba(0, 0, 0, 0)';
+export const INPUT_BOX_DEFAULT_STYLES = {
+    default: {
+        textColor: TEXT_COLOR,
+        placeholderColor: PLACEHOLDER_COLOR,
+        backgroundColor: 'inherit',
+        border: BORDER,
+        boxShadow: NO_SHADOW,
+    },
+    disabled: {
+        textColor: PLACEHOLDER_COLOR,
+        placeholderColor: PLACEHOLDER_COLOR,
+        backgroundColor: DISABLED_COLOR,
+        border: BORDER,
+        boxShadow: NO_SHADOW,
+    },
+    focus: {
+        textColor: TEXT_COLOR,
+        placeholderColor: PLACEHOLDER_COLOR,
+        backgroundColor: 'inherit',
+        border: { ...BORDER, color: FOCUS_COLOR },
+        boxShadow: `0 0 .1rem .1rem ${FOCUS_COLOR}55`,
+    },
+    error: {
+        textColor: TEXT_COLOR,
+        placeholderColor: PLACEHOLDER_COLOR,
+        backgroundColor: `${CAUTION_COLOR}11`,
+        border: { ...BORDER, color: CAUTION_COLOR },
+        boxShadow: `0 0 .1rem .1rem ${CAUTION_COLOR}55`,
+    },
+    valid: {
+        textColor: TEXT_COLOR,
+        placeholderColor: PLACEHOLDER_COLOR,
+        backgroundColor: `${VALID_COLOR}11`,
+        border: { ...BORDER, color: VALID_COLOR },
+        boxShadow: NO_SHADOW,
+    },
+};
+/**
+ * エラーメッセージ。将来 i18n へ差し替えるための単一の入口。
+ * Vue / React で文言がずれないよう、必ずここを参照する。
+ */
+export const MESSAGES = {
+    required: '必須項目です',
+    invalidYear: '年は4桁の数字で入力してください',
+    invalidMonth: '月は2桁の数字で入力してください',
+    invalidDay: '日は2桁の数字で入力してください',
+    monthOutOfRange: '月は01から12の間で入力してください',
+    dayOutOfRange: (maxDay) => `日は01から${maxDay}の間で入力してください`,
+};

package/dist/date.d.ts

@@ -0,0 +1,24 @@
+import type { DateObject, DateType, ValidationResult } from './types';
+/** 指定した年月の日数。month は 1 始まり */
+export declare function daysInMonth(year: number, month: number): number;
+/**
+ * 任意の日付文字列を YYYY-MM-DD（type='month' なら YYYY-MM）へ正規化する。
+ *
+ * YYYY-MM(-DD) 形式は正規表現で直接読む。`new Date()` + `toISOString()` を使うと
+ * UTC へ変換されるため、JST のようなプラス方向のタイムゾーンでは日付が前日へずれる。
+ * 正規表現で読めない形式のみ Date にフォールバックし、その場合もローカルの
+ * getFullYear / getMonth / getDate を使って変換する。
+ */
+export declare function formatDateValue(value: string, type?: DateType): string;
+/** YYYY-MM-DD を年・月・日へ分解する。欠けている要素は空文字 */
+export declare function splitDate(value: string): DateObject;
+/** 年・月・日から日付文字列を組み立てる。要素が欠けていれば空文字 */
+export declare function composeDateValue(dateObject: DateObject, type?: DateType): string;
+/**
+ * 年・月・日の入力内容を検証する。
+ * type='month' のときは日を見ない。
+ */
+export declare function validateDateObject(dateObject: DateObject, options?: {
+    type?: DateType;
+    isRequired?: boolean;
+}): ValidationResult;

package/dist/date.js

@@ -0,0 +1,89 @@
+import { MESSAGES } from './constants';
+function pad(value) {
+    return String(value).padStart(2, '0');
+}
+function isNumeric(value) {
+    return /^\d+$/.test(value);
+}
+/** 指定した年月の日数。month は 1 始まり */
+export function daysInMonth(year, month) {
+    return new Date(year, month, 0).getDate();
+}
+/**
+ * 任意の日付文字列を YYYY-MM-DD（type='month' なら YYYY-MM）へ正規化する。
+ *
+ * YYYY-MM(-DD) 形式は正規表現で直接読む。`new Date()` + `toISOString()` を使うと
+ * UTC へ変換されるため、JST のようなプラス方向のタイムゾーンでは日付が前日へずれる。
+ * 正規表現で読めない形式のみ Date にフォールバックし、その場合もローカルの
+ * getFullYear / getMonth / getDate を使って変換する。
+ */
+export function formatDateValue(value, type = 'date') {
+    if (!value)
+        return '';
+    const matched = value.match(/^(\d{4})-(\d{1,2})(?:-(\d{1,2}))?/);
+    if (matched) {
+        const [, year, month, day] = matched;
+        const yearMonth = `${year}-${pad(Number(month))}`;
+        if (type === 'month')
+            return yearMonth;
+        // type='date' は完全な日付を要求する。日が欠けていれば入力欄には反映しない
+        return day ? `${yearMonth}-${pad(Number(day))}` : '';
+    }
+    const parsed = new Date(value);
+    // 不正な日付文字列で toISOString() が throw していたため、先に弾く
+    if (Number.isNaN(parsed.getTime()))
+        return '';
+    const yearMonth = `${parsed.getFullYear()}-${pad(parsed.getMonth() + 1)}`;
+    if (type === 'month')
+        return yearMonth;
+    return `${yearMonth}-${pad(parsed.getDate())}`;
+}
+/** YYYY-MM-DD を年・月・日へ分解する。欠けている要素は空文字 */
+export function splitDate(value) {
+    const [year = '', month = '', day = ''] = value.split('-');
+    return { year, month, day };
+}
+/** 年・月・日から日付文字列を組み立てる。要素が欠けていれば空文字 */
+export function composeDateValue(dateObject, type = 'date') {
+    const { year, month, day } = dateObject;
+    const parts = type === 'month' ? [year, month] : [year, month, day];
+    if (parts.some(part => !part))
+        return '';
+    return parts.join('-');
+}
+/**
+ * 年・月・日の入力内容を検証する。
+ * type='month' のときは日を見ない。
+ */
+export function validateDateObject(dateObject, options = {}) {
+    const { type = 'date', isRequired = false } = options;
+    const { year, month } = dateObject;
+    const day = type === 'month' ? '' : dateObject.day;
+    const valid = { isValid: true, message: '' };
+    // 全部空で必須でなければ未入力として通す
+    if ([year, month, day].every(value => !value) && !isRequired)
+        return valid;
+    const requiredValues = type === 'month' ? [year, month] : [year, month, day];
+    if (requiredValues.some(value => isRequired && !value)) {
+        return { isValid: false, message: MESSAGES.required };
+    }
+    if (year.length !== 4 || !isNumeric(year)) {
+        return { isValid: false, message: MESSAGES.invalidYear };
+    }
+    if (month.length !== 2 || !isNumeric(month)) {
+        return { isValid: false, message: MESSAGES.invalidMonth };
+    }
+    if (day && (day.length !== 2 || !isNumeric(day))) {
+        return { isValid: false, message: MESSAGES.invalidDay };
+    }
+    const monthNumber = parseInt(month, 10);
+    if (monthNumber < 1 || monthNumber > 12) {
+        return { isValid: false, message: MESSAGES.monthOutOfRange };
+    }
+    const dayNumber = day ? parseInt(day, 10) : null;
+    const maxDay = daysInMonth(parseInt(year, 10), monthNumber);
+    if (dayNumber && (dayNumber < 1 || dayNumber > maxDay)) {
+        return { isValid: false, message: MESSAGES.dayOutOfRange(maxDay) };
+    }
+    return valid;
+}

package/dist/form-validation-store.d.ts

@@ -0,0 +1,38 @@
+export type FormValidationSnapshot = {
+    /** 登録済みの入力がすべて有効か */
+    isAllValid: boolean;
+    /** 無効になっている入力の name 一覧 */
+    invalidNames: string[];
+};
+export type FormValidationStore = {
+    /** 入力の状態を登録・更新する */
+    setValid: (name: string, isValid: boolean) => void;
+    /** 個別の入力が有効か（未登録なら true） */
+    isValid: (name: string) => boolean;
+    /** 管理対象から外す（アンマウント時など） */
+    remove: (name: string) => void;
+    /** すべての状態を破棄する */
+    reset: () => void;
+    /**
+     * 現在のスナップショット。
+     * 状態が変わらない限り同一参照を返すため、React の useSyncExternalStore に
+     * そのまま渡せる（参照が変わり続けると無限再描画になる）。
+     */
+    getSnapshot: () => FormValidationSnapshot;
+    /** 変更通知を購読する。戻り値を呼ぶと解除される */
+    subscribe: (listener: () => void) => () => void;
+};
+/**
+ * フォーム内の各入力のバリデーション状態をまとめて管理する。
+ *
+ * フレームワークに依存しない。
+ * Vue は `subscribe` を `onMounted` / `onUnmounted` で、
+ * React は `useSyncExternalStore(store.subscribe, store.getSnapshot)` で繋ぐ。
+ *
+ * ```ts
+ * const store = createFormValidationStore()
+ * store.setValid('startedOn', false)
+ * store.getSnapshot() // { isAllValid: false, invalidNames: ['startedOn'] }
+ * ```
+ */
+export declare function createFormValidationStore(): FormValidationStore;

package/dist/form-validation-store.js

@@ -0,0 +1,66 @@
+/**
+ * フォーム内の各入力のバリデーション状態をまとめて管理する。
+ *
+ * フレームワークに依存しない。
+ * Vue は `subscribe` を `onMounted` / `onUnmounted` で、
+ * React は `useSyncExternalStore(store.subscribe, store.getSnapshot)` で繋ぐ。
+ *
+ * ```ts
+ * const store = createFormValidationStore()
+ * store.setValid('startedOn', false)
+ * store.getSnapshot() // { isAllValid: false, invalidNames: ['startedOn'] }
+ * ```
+ */
+export function createFormValidationStore() {
+    const states = new Map();
+    const listeners = new Set();
+    let snapshot = { isAllValid: true, invalidNames: [] };
+    const buildSnapshot = () => {
+        const invalidNames = [];
+        states.forEach((isValid, name) => {
+            if (!isValid)
+                invalidNames.push(name);
+        });
+        return { isAllValid: invalidNames.length === 0, invalidNames };
+    };
+    const notify = () => {
+        const next = buildSnapshot();
+        // 内容が同じなら参照を据え置き、不要な再描画を起こさない
+        const isSame = next.isAllValid === snapshot.isAllValid &&
+            next.invalidNames.length === snapshot.invalidNames.length &&
+            next.invalidNames.every((name, index) => name === snapshot.invalidNames[index]);
+        if (isSame)
+            return;
+        snapshot = next;
+        listeners.forEach(listener => listener());
+    };
+    return {
+        setValid(name, isValid) {
+            if (states.get(name) === isValid)
+                return;
+            states.set(name, isValid);
+            notify();
+        },
+        isValid(name) {
+            return states.get(name) ?? true;
+        },
+        remove(name) {
+            if (!states.delete(name))
+                return;
+            notify();
+        },
+        reset() {
+            if (states.size === 0)
+                return;
+            states.clear();
+            notify();
+        },
+        getSnapshot() {
+            return snapshot;
+        },
+        subscribe(listener) {
+            listeners.add(listener);
+            return () => listeners.delete(listener);
+        },
+    };
+}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * from './types';
+export * from './constants';
+export * from './validation';
+export * from './date';
+export * from './text';
+export * from './form-validation-store';

package/dist/index.js

@@ -0,0 +1,6 @@
+export * from './types';
+export * from './constants';
+export * from './validation';
+export * from './date';
+export * from './text';
+export * from './form-validation-store';

package/dist/text.d.ts

@@ -0,0 +1,2 @@
+/** 全角の英数字を半角へ変換する。全角以外の文字はそのまま残す */
+export declare function convertFullWidthToHalfWidth(value: string): string;

package/dist/text.js

@@ -0,0 +1,5 @@
+const FULL_WIDTH_ALPHANUMERIC = /[Ａ-Ｚａ-ｚ０-９]/g;
+/** 全角の英数字を半角へ変換する。全角以外の文字はそのまま残す */
+export function convertFullWidthToHalfWidth(value) {
+    return value.replace(FULL_WIDTH_ALPHANUMERIC, character => String.fromCharCode(character.charCodeAt(0) - 0xfee0));
+}

package/dist/types.d.ts

@@ -0,0 +1,55 @@
+export type StateVariation = 'default' | 'error' | 'disabled' | 'valid' | 'focus' | 'hover';
+export type BorderStyle = {
+    color: string;
+    size: string;
+    radius: string;
+};
+export type BaseStyle = {
+    textColor?: string;
+    backgroundColor?: string;
+    border?: BorderStyle;
+    boxShadow?: string;
+};
+export type StyleForEachStatus<T> = Partial<Record<StateVariation, T>> & {
+    default: T;
+};
+export type InputBoxStyle = BaseStyle & {
+    placeholderColor?: string;
+};
+export type InputBoxStyleForEachStatus = StyleForEachStatus<InputBoxStyle>;
+export type ButtonStyle = BaseStyle & {
+    backgroundImage?: string;
+};
+export type ButtonStyleForEachStatus = StyleForEachStatus<ButtonStyle>;
+export type CheckBoxStyle = Pick<BaseStyle, 'textColor' | 'border' | 'backgroundColor'>;
+export type CheckBoxStyleForEachStatus = StyleForEachStatus<CheckBoxStyle>;
+export type RadioButtonStyle = {
+    border?: Omit<BorderStyle, 'radius'>;
+    backgroundColor?: string;
+};
+export type RadioButtonStyleForEachStatus = StyleForEachStatus<RadioButtonStyle>;
+export type SelectValue = string | number;
+export type Option = {
+    label: string;
+    value: SelectValue;
+    order?: number;
+    isDisabled?: boolean;
+};
+export type Validate = {
+    regex: RegExp;
+    message: string;
+};
+export type Validates = Validate[];
+/** 入力値として受け付ける型。数値 0 も正当な値として扱う */
+export type InputValue = string | number | null | undefined;
+/** DatePicker が扱う日付の分解表現 */
+export type DateObject = {
+    year: string;
+    month: string;
+    day: string;
+};
+export type DateType = 'date' | 'month';
+export type ValidationResult = {
+    isValid: boolean;
+    message: string;
+};

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/dist/validation.d.ts

@@ -0,0 +1,25 @@
+import type { InputValue, Validates } from './types';
+/**
+ * 入力が空かどうか。
+ *
+ * 数値 0 や文字列 '0' は正当な入力なので空とみなさない。
+ * truthy 判定（`!value`）を使うと 0 が必須エラーになる。
+ */
+export declare function isEmptyValue(value: InputValue): boolean;
+/**
+ * validates の各 RegExp を値に適用し、一致しなかったものの message を返す。
+ *
+ * `g` / `y` フラグ付きの RegExp は `.test()` の呼び出しで `lastIndex` が変異し、
+ * 2 回目以降の判定結果が変わる。呼び出し側が渡したオブジェクトを変異させないよう、
+ * 毎回同じ source / flags のクローンを作って判定する。
+ * 新規インスタンスは lastIndex = 0 なので、sticky の意味を保ったまま結果が安定する。
+ */
+export declare function runValidates(value: InputValue, validates: Validates): string[];
+/**
+ * 必須チェックと validates をまとめて適用する。
+ * TextBox / TextArea 等の入力部品はこれを呼ぶだけでよい。
+ */
+export declare function validateInputValue(value: InputValue, options?: {
+    isRequired?: boolean;
+    validates?: Validates;
+}): string[];

package/dist/validation.js

@@ -0,0 +1,38 @@
+import { MESSAGES } from './constants';
+/**
+ * 入力が空かどうか。
+ *
+ * 数値 0 や文字列 '0' は正当な入力なので空とみなさない。
+ * truthy 判定（`!value`）を使うと 0 が必須エラーになる。
+ */
+export function isEmptyValue(value) {
+    return value === '' || value === null || value === undefined;
+}
+/**
+ * validates の各 RegExp を値に適用し、一致しなかったものの message を返す。
+ *
+ * `g` / `y` フラグ付きの RegExp は `.test()` の呼び出しで `lastIndex` が変異し、
+ * 2 回目以降の判定結果が変わる。呼び出し側が渡したオブジェクトを変異させないよう、
+ * 毎回同じ source / flags のクローンを作って判定する。
+ * 新規インスタンスは lastIndex = 0 なので、sticky の意味を保ったまま結果が安定する。
+ */
+export function runValidates(value, validates) {
+    if (isEmptyValue(value))
+        return [];
+    return validates
+        .filter(validate => {
+        const regex = new RegExp(validate.regex.source, validate.regex.flags);
+        return !regex.test(String(value));
+    })
+        .map(validate => validate.message);
+}
+/**
+ * 必須チェックと validates をまとめて適用する。
+ * TextBox / TextArea 等の入力部品はこれを呼ぶだけでよい。
+ */
+export function validateInputValue(value, options = {}) {
+    const { isRequired = false, validates = [] } = options;
+    if (isEmptyValue(value))
+        return isRequired ? [MESSAGES.required] : [];
+    return runValidates(value, validates);
+}

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@geckou/ui-core",
+  "version": "0.1.0",
+  "description": "Framework-agnostic logic shared by @geckou/ui-vue and @geckou/ui-react",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": ["dist", "README.md", "LICENSE"],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/geckou/ui.git",
+    "directory": "packages/core"
+  },
+  "author": "geckou-shogo <shogo.nojima@geckou.net>",
+  "license": "MIT",
+  "engines": { "node": ">=20.0.0" },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "scripts": {
+    "build": "rm -rf dist && tsc -p tsconfig.build.json",
+    "type-check": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "prepublishOnly": "yarn build"
+  },
+  "devDependencies": {
+    "typescript": "^5.5.3",
+    "vitest": "^2.1.0"
+  }
+}