@tatamicks/core 0.2.3 → 0.3.0

package/dist/src/index.d.ts

@@ -1,7 +1,7 @@
 import { default as default_2 } from 'react';
-import { ForwardRefExoticComponent } from 'react';
-import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { JSX } from 'react/jsx-runtime';
 import { MemoExoticComponent } from 'react';
+import { NamedExoticComponent } from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 
@@ -179,7 +179,7 @@ export declare enum BlockChangeType {
     PASTE = "paste"
 }
 
-export declare const BlockContainer: MemoExoticComponent<ForwardRefExoticComponent<BlockContainerProps & RefAttributes<BlockRef>>>;
+export declare const BlockContainer: NamedExoticComponent<BlockContainerProps & RefAttributes<BlockRef>>;
 
 export declare interface BlockContainerProps {
     block: Block;
@@ -237,7 +237,7 @@ export declare interface BlockGuideBorderProps {
     className?: string;
 }
 
-export declare const BlockLayer: MemoExoticComponent<({ blocks, pluginRegistry, mode, values, selectedBlockIds, getBlockRectPx, onValueChange, onValueBlur, showGuides, showBorder, blockSubZIndex, defaultGuideBorder, dpi, className, }: BlockLayerProps) => JSX_2.Element>;
+export declare const BlockLayer: MemoExoticComponent<({ blocks, pluginRegistry, mode, values, selectedBlockIds, getBlockRectPx, onValueChange, onValueBlur, showGuides, showBorder, blockSubZIndex, defaultGuideBorder, dpi, className, }: BlockLayerProps) => JSX.Element>;
 
 export declare interface BlockLayerProps {
     blocks: Block[];
@@ -273,7 +273,7 @@ export declare interface BlockLayout {
  * 内部配列では最後が最前面
  */
 export declare const BlockOrderPanel: {
-    ({ blocks, onBlocksChange, }: BlockOrderPanelProps): JSX_2.Element;
+    ({ blocks, onBlocksChange, }: BlockOrderPanelProps): JSX.Element;
     displayName: string;
 };
 
@@ -341,7 +341,7 @@ export declare interface BlockPosPx {
  * 選択されたブロックのプロパティを編集するための統合サイドバーコンポーネント。
  * BasePanels（共通設定）と PluginPanels（固有設定）を組み合わせて表示します。
  */
-export declare const BlockPropertyPanel: MemoExoticComponent<({ selectedBlocks, pluginRegistry, onUpdateBlocks, gridSize, className, }: BlockPropertyPanelProps) => JSX_2.Element>;
+export declare const BlockPropertyPanel: MemoExoticComponent<({ selectedBlocks, pluginRegistry, onUpdateBlocks, gridSize, className, }: BlockPropertyPanelProps) => JSX.Element>;
 
 export declare interface BlockPropertyPanelProps {
     selectedBlocks: Block[];
@@ -564,7 +564,7 @@ export declare interface BorderPanelProps {
     onUpdateBlocks: (updates: Record<string, Partial<Block>>) => void;
 }
 
-export declare const BorderRenderer: MemoExoticComponent<({ width, height, border, dpi, className, }: BorderRendererProps) => JSX_2.Element | null>;
+export declare const BorderRenderer: MemoExoticComponent<({ width, height, border, dpi, className, }: BorderRendererProps) => JSX.Element | null>;
 
 export declare interface BorderRendererProps {
     width: number;
@@ -630,7 +630,7 @@ export declare function calculateResizedLayout({ layout, handle, deltaCol, delta
  * - BlockOrderPanel: ブロック順序設定
  */
 export declare const CanvasPanel: {
-    ({ schema, onSchemaChange }: CanvasPanelProps): JSX_2.Element;
+    ({ schema, onSchemaChange }: CanvasPanelProps): JSX.Element;
     displayName: string;
 };
 
@@ -1110,7 +1110,7 @@ export declare interface DraggingState {
     isOutside?: boolean;
 }
 
-export declare const DragLayer: MemoExoticComponent<({ blocks, pluginRegistry, gridLength, draggingState, getBlockRectPx, selectionStyle, ghostZIndex, selectBorderZIndex, blockHandlesZIndex, }: DragLayerProps) => JSX_2.Element | null>;
+export declare const DragLayer: MemoExoticComponent<({ blocks, pluginRegistry, gridLength, draggingState, getBlockRectPx, selectionStyle, ghostZIndex, selectBorderZIndex, blockHandlesZIndex, }: DragLayerProps) => JSX.Element | null>;
 
 export declare interface DragLayerProps {
     blocks: Block[];
@@ -1343,6 +1343,18 @@ export declare function getBlockZIndex(index: number): number;
  */
 export declare function getCommonValue<T = Value>(blocks: Block[], path: string): T | undefined;
 
+/**
+ * インタラクション状態からモードを導出する
+ *
+ * @remarks
+ * モードは状態の導出値であり、状態そのものではない
+ * これにより状態の一貫性が保証される
+ *
+ * @param state - インタラクション状態
+ * @returns 現在のモード
+ */
+export declare function getInteractionMode(state: InteractionState): InteractionMode;
+
 /**
  * サポートされる最大ブロック数を取得
  *
@@ -1479,7 +1491,7 @@ export declare type GridChangeType = "resize" | "insert" | "delete" | "equalize"
  * グリッド線と線の間に寸法（値と単位）を表示します。
  * ダブルクリックで単位編集UIを表示します。
  */
-export declare const GridDimensionLabel: MemoExoticComponent<({ direction, index, dimension, position, currentPxSize, marginLeftPx, marginTopPx, isNearCursor, resizingPxSize, onDimensionChange, }: GridDimensionLabelProps) => JSX_2.Element | null>;
+export declare const GridDimensionLabel: MemoExoticComponent<({ direction, index, dimension, position, currentPxSize, marginLeftPx, marginTopPx, isNearCursor, resizingPxSize, onDimensionChange, }: GridDimensionLabelProps) => JSX.Element | null>;
 
 export declare interface GridDimensionLabelProps {
     /** ラベルの方向 ('column' or 'row') */
@@ -1601,7 +1613,7 @@ export declare interface GridPosPx {
  * 設計文書に従い、「グリッド線そのもののドラッグは禁止」し、
  * 「グリッド線の両端ハンドル」のみをドラッグ可能とします。
  */
-export declare const GridResizeHandle: MemoExoticComponent<({ direction, index, position, marginLeftPx, marginTopPx, onResizeStart, onResize, onResizeEnd, }: GridResizeHandleProps) => JSX_2.Element>;
+export declare const GridResizeHandle: MemoExoticComponent<({ direction, index, position, marginLeftPx, marginTopPx, onResizeStart, onResize, onResizeEnd, }: GridResizeHandleProps) => JSX.Element>;
 
 /**
  * @file GridResizeHandle.tsx
@@ -1631,7 +1643,7 @@ export declare interface GridResizeHandleProps {
  * 行・列数を変更するパネル
  */
 export declare const GridSizePanel: {
-    ({ grid, onGridChange }: GridSizePanelProps): JSX_2.Element;
+    ({ grid, onGridChange }: GridSizePanelProps): JSX.Element;
     displayName: string;
 };
 
@@ -1680,7 +1692,7 @@ export declare interface ImageSchema {
  * スキーマと値のインポート/エクスポート機能を提供
  */
 export declare const ImportExportPanel: {
-    ({ schema, values, onSchemaChange, onValuesChange, }: ImportExportPanelProps): JSX_2.Element;
+    ({ schema, values, onSchemaChange, onValuesChange, }: ImportExportPanelProps): JSX.Element;
     displayName: string;
 };
 
@@ -1695,7 +1707,7 @@ export declare interface ImportExportPanelProps {
     onValuesChange: (values: Record<string, Value>) => void;
 }
 
-export declare const InsertGhost: MemoExoticComponent<({ pluginRegistry, gridLength, getBlockRectPx, currentGrid, currentMousePx, pluginKind, defaultSize, isOutside, selectionStyle, ghostZIndex, selectBorderZIndex, blockHandlesZIndex, }: InsertGhostProps) => JSX_2.Element | null>;
+export declare const InsertGhost: MemoExoticComponent<({ pluginRegistry, gridLength, getBlockRectPx, currentGrid, currentMousePx, pluginKind, defaultSize, isOutside, selectionStyle, ghostZIndex, selectBorderZIndex, blockHandlesZIndex, }: InsertGhostProps) => JSX.Element | null>;
 
 export declare interface InsertGhostProps {
     pluginRegistry: Record<string, BlockPlugin>;
@@ -1724,7 +1736,7 @@ export declare interface InsertGhostProps {
     blockHandlesZIndex?: number;
 }
 
-export declare const InteractionBlock: default_2.MemoExoticComponent<({ block, rect, showHandles, onResizeStart, activeHandle, selectionStyle, handleStyle, selectBorderZIndex, blockHandlesZIndex, }: InteractionBlockProps) => JSX_2.Element>;
+export declare const InteractionBlock: default_2.MemoExoticComponent<({ block, rect, showHandles, onResizeStart, activeHandle, selectionStyle, handleStyle, selectBorderZIndex, blockHandlesZIndex, }: InteractionBlockProps) => JSX.Element>;
 
 export declare interface InteractionBlockProps {
     block: Block;
@@ -1740,20 +1752,7 @@ export declare interface InteractionBlockProps {
     blockHandlesZIndex?: number;
 }
 
-/**
- * インタラクション変更イベント
- *
- * @remarks
- * OnBlockChangeと同じパターン (type付きUnion型)
- * 全ての操作をこのイベントで表現する
- */
 export declare type InteractionChangeEvent = {
-    type: InteractionEventType.SELECT;
-    blockIds: string[];
-    shiftKey?: boolean;
-} | {
-    type: InteractionEventType.DESELECT;
-} | {
     type: InteractionEventType.START_PRESS;
     blockId: string;
     startGrid: {
@@ -1807,10 +1806,6 @@ export declare type InteractionChangeEvent = {
  * インタラクション変更イベントの種類を型安全に扱うための列挙型
  */
 export declare enum InteractionEventType {
-    /** ブロックを選択 */
-    SELECT = "select",
-    /** 選択を解除 */
-    DESELECT = "deselect",
     /** プレス開始（ドラッグ判定前） */
     START_PRESS = "startPress",
     /** ドラッグ更新 */
@@ -1831,7 +1826,7 @@ export declare enum InteractionEventType {
     START_RESIZE = "startResize"
 }
 
-export declare const InteractionLayer: MemoExoticComponent<({ blocks, pluginRegistry, gridLength, getBlockRectPx, getColIndex, getRowIndex, state, onChange, onBlockChange, scale, className, selectionStyle, handleStyle, editBlockZIndex, selectBorderZIndex, blockHandlesZIndex, dragGhostZIndex, }: InteractionLayerProps) => JSX_2.Element>;
+export declare const InteractionLayer: MemoExoticComponent<({ blocks, pluginRegistry, gridLength, getBlockRectPx, getColIndex, getRowIndex, state, onChange, selectedBlockIds, onSelectionChange, onBlockChange, scale, className, selectionStyle, handleStyle, editBlockZIndex, selectBorderZIndex, blockHandlesZIndex, dragGhostZIndex, }: InteractionLayerProps) => JSX.Element>;
 
 /**
  * InteractionLayerProps
@@ -1848,6 +1843,8 @@ export declare interface InteractionLayerProps {
     getRowIndex: (px: number) => number;
     state: InteractionState;
     onChange: OnInteractionChange;
+    selectedBlockIds: string[];
+    onSelectionChange: (blockIds: string[]) => void;
     onBlockChange?: OnBlockChange;
     scale?: number;
     className?: string;
@@ -1882,12 +1879,12 @@ export declare enum InteractionMode {
  * @remarks
  * Pluginの `value` に相当する統合状態
  * 全ての操作状態をこのオブジェクト1つで管理する
+ *
+ * **注意**:
+ * - 選択状態(`selectedBlockIds`)は外部で管理されます
+ * - モード(`mode`)は`dragging`と`editingBlockId`から導出されます
  */
 export declare interface InteractionState {
-    /** 現在のモード */
-    mode: InteractionMode;
-    /** 選択中のブロックID群 */
-    selectedBlockIds: string[];
     /** 編集中のブロックID (nullの場合は編集モードではない) */
     editingBlockId: string | null;
     /** ドラッグ中の状態 (ドラッグ中のみ有効) */
@@ -1968,7 +1965,7 @@ export declare interface MarginOverlayProps {
  * マージンを変更するパネル
  */
 export declare const MarginPanel: {
-    ({ paper, onPaperChange }: MarginPanelProps): JSX_2.Element;
+    ({ paper, onPaperChange }: MarginPanelProps): JSX.Element;
     displayName: string;
 };
 
@@ -1988,7 +1985,7 @@ export declare interface MetaPanelProps {
 
 export declare function mmsToPxs(mms: number[], dpi?: number): number[];
 
-export declare const MovingGhost: MemoExoticComponent<({ blocks, pluginRegistry, gridLength, getBlockRectPx, selectedBlockIds, deltaCol, deltaRow, isOutside, currentMousePx, selectionStyle, ghostZIndex, selectBorderZIndex, blockHandlesZIndex, }: MovingGhostProps) => JSX_2.Element>;
+export declare const MovingGhost: MemoExoticComponent<({ blocks, pluginRegistry, gridLength, getBlockRectPx, selectedBlockIds, deltaCol, deltaRow, isOutside, currentMousePx, selectionStyle, ghostZIndex, selectBorderZIndex, blockHandlesZIndex, }: MovingGhostProps) => JSX.Element>;
 
 export declare interface MovingGhostProps {
     blocks: Block[];
@@ -2035,12 +2032,12 @@ export declare enum MultilineWordWrap {
 }
 
 export declare const NoteEdit: MemoExoticComponent<    {
-({ schema, values, pluginRegistry, onValueChange, scale, className, }: NoteEditProps): JSX_2.Element;
+({ schema, values, pluginRegistry, onValueChange, scale, className, }: NoteEditProps): JSX.Element;
 displayName: string;
 }>;
 
 export declare const NoteEditor: MemoExoticComponent<    {
-({ schema, values, mode, pluginRegistry, onSchemaChange, onValuesChange, onSelectionChange, scale, className, }: NoteEditorProps): JSX_2.Element;
+({ schema, values, mode, pluginRegistry, onSchemaChange, onValuesChange, onSelectionChange, scale, className, }: NoteEditorProps): JSX.Element;
 displayName: string;
 }>;
 
@@ -2066,7 +2063,7 @@ export declare interface NoteEditProps {
 }
 
 export declare const NoteForm: MemoExoticComponent<    {
-({ schema, pluginRegistry, onSchemaChange, onSelectionChange, scale, className, }: NoteFormProps): JSX_2.Element;
+({ schema, pluginRegistry, onSchemaChange, onSelectionChange, scale, className, }: NoteFormProps): JSX.Element;
 displayName: string;
 }>;
 
@@ -2085,7 +2082,7 @@ export declare enum NoteMode {
     VIEW = "View"
 }
 
-export declare const NotePrint: MemoExoticComponent<ForwardRefExoticComponent<NotePrintProps & RefAttributes<NoteViewPrintRef>>>;
+export declare const NotePrint: NamedExoticComponent<NotePrintProps & RefAttributes<NoteViewPrintRef>>;
 
 export declare interface NotePrintProps {
     schema: FormSchema;
@@ -2095,7 +2092,7 @@ export declare interface NotePrintProps {
 }
 
 export declare const NoteView: MemoExoticComponent<    {
-({ schema, values, pluginRegistry, scale, className, }: NoteViewProps): JSX_2.Element;
+({ schema, values, pluginRegistry, scale, className, }: NoteViewProps): JSX.Element;
 displayName: string;
 }>;
 
@@ -2187,7 +2184,7 @@ export declare type Orientation = "portrait" | "landscape";
  * - ImportExportPanel: スキーマ・値のインポート/エクスポート
  */
 export declare const OtherPanel: {
-    ({ schema, values, onSchemaChange, onValuesChange, }: OtherPanelProps): JSX_2.Element;
+    ({ schema, values, onSchemaChange, onValuesChange, }: OtherPanelProps): JSX.Element;
     displayName: string;
 };
 
@@ -2228,7 +2225,7 @@ export declare type PaddingUnit = (typeof PADDING_UNITS)[number];
  * ブロックをドラッグ&ドロップで挿入するためのパレット
  */
 export declare const PalettePanel: {
-    ({ plugins, className }: PalettePanelProps): JSX_2.Element;
+    ({ plugins, className }: PalettePanelProps): JSX.Element;
     displayName: string;
 };
 
@@ -2294,7 +2291,7 @@ export declare interface PaperSize {
  * 用紙サイズを変更するパネル
  */
 export declare const PaperSizePanel: {
-    ({ paper, onPaperChange, }: PaperSizePanelProps): JSX_2.Element;
+    ({ paper, onPaperChange, }: PaperSizePanelProps): JSX.Element;
     displayName: string;
 };
 
@@ -2444,7 +2441,7 @@ declare interface PropertyDefinition_2<T, Context = Record<string, Value>> {
 }
 export { PropertyDefinition_2 as PropertyDefinition }
 
-export declare const PropertyField: MemoExoticComponent<({ propertyKey, definition, selectedBlocks, onChange, }: PropertyFieldProps) => JSX_2.Element | null>;
+export declare const PropertyField: MemoExoticComponent<({ propertyKey, definition, selectedBlocks, onChange, }: PropertyFieldProps) => JSX.Element | null>;
 
 export declare interface PropertyFieldProps {
     propertyKey: string;
@@ -2486,7 +2483,7 @@ export declare interface RendererProps<P = Record<string, Value>, V = Value> {
 
 export declare const RESIZE_HANDLE_STYLE: ResizeHandleStyle;
 
-export declare const ResizeGhost: MemoExoticComponent<({ blocks, pluginRegistry, gridLength, getBlockRectPx, blockId, handle, deltaCol, deltaRow, isOutside, selectionStyle, ghostZIndex, selectBorderZIndex, blockHandlesZIndex, }: ResizeGhostProps) => JSX_2.Element | null>;
+export declare const ResizeGhost: MemoExoticComponent<({ blocks, pluginRegistry, gridLength, getBlockRectPx, blockId, handle, deltaCol, deltaRow, isOutside, selectionStyle, ghostZIndex, selectBorderZIndex, blockHandlesZIndex, }: ResizeGhostProps) => JSX.Element | null>;
 
 export declare interface ResizeGhostProps {
     blocks: Block[];
@@ -2532,7 +2529,7 @@ export declare enum ResizeHandle {
     NW = "nw"
 }
 
-export declare const ResizeHandles: default_2.MemoExoticComponent<({ onResizeStart, activeHandle, handleStyle, zIndex, }: ResizeHandlesProps) => JSX_2.Element>;
+export declare const ResizeHandles: default_2.MemoExoticComponent<({ onResizeStart, activeHandle, handleStyle, zIndex, }: ResizeHandlesProps) => JSX.Element>;
 
 export declare interface ResizeHandlesProps {
     onResizeStart: (e: default_2.PointerEvent, handle: ResizeHandle) => void;
@@ -2612,7 +2609,7 @@ export declare interface SelectConfig {
 
 export declare const SELECTION_STYLE: BorderStyle;
 
-export declare const SelectionBorder: MemoExoticComponent<({ width, height, zIndex, borderStyle, }: SelectionBorderProps) => JSX_2.Element>;
+export declare const SelectionBorder: MemoExoticComponent<({ width, height, zIndex, borderStyle, }: SelectionBorderProps) => JSX.Element>;
 
 declare interface SelectionBorderProps {
     width: number;
@@ -2621,7 +2618,7 @@ declare interface SelectionBorderProps {
     borderStyle?: BorderStyle;
 }
 
-export declare const SelectionLayer: default_2.MemoExoticComponent<({ blocks, selectedBlockIds, isDragging, draggingState, getBlockRectPx, onResizeStart, selectionStyle, handleStyle, selectBorderZIndex, blockHandlesZIndex, }: SelectionLayerProps) => JSX_2.Element | null>;
+export declare const SelectionLayer: default_2.MemoExoticComponent<({ blocks, selectedBlockIds, isDragging, draggingState, getBlockRectPx, onResizeStart, selectionStyle, handleStyle, selectBorderZIndex, blockHandlesZIndex, }: SelectionLayerProps) => JSX.Element | null>;
 
 export declare interface SelectionLayerProps {
     blocks: Block[];
@@ -2709,7 +2706,7 @@ export declare function serializeValues(values: Record<string, Value>, pretty?:
  * - その他タブ: OtherPanel (スキーマ/値のインポート/エクスポート)
  */
 export declare const Sidebar: {
-    ({ blocks, selectedBlockIds, pluginRegistry, onUpdateBlocks, schema, values, onSchemaChange, onValuesChange, gridSize, className, }: SidebarProps): JSX_2.Element;
+    ({ blocks, selectedBlockIds, pluginRegistry, onUpdateBlocks, schema, values, onSchemaChange, onValuesChange, gridSize, className, }: SidebarProps): JSX.Element;
     displayName: string;
 };
 
@@ -2764,7 +2761,7 @@ export declare function stringToDimension<U extends Unit>(str: string, allowedUn
  * TabPanel
  * タブコンテンツの共通ラッパー
  */
-export declare const TabPanel: ({ children, emptyMessage, className, }: TabPanelProps) => JSX_2.Element;
+export declare const TabPanel: ({ children, emptyMessage, className, }: TabPanelProps) => JSX.Element;
 
 export declare interface TabPanelProps {
     /** パネルの内容 */
@@ -2946,6 +2943,9 @@ export declare function useGridCalc(paper: Paper, grid: Grid, dpi?: number): {
  * - `mode: 'pressing'` でグリッドをまたいだら → `mode: 'dragging'` に遷移
  * - ピクセル閾値 (5px) は使わない
  *
+ * **選択状態**: 外部で管理されるため、このHookでは管理しません
+ * - `SELECT/DESELECT`イベントは外部への通知として残されています
+ *
  * @param initialState - 初期状態 (オプション)
  * @returns [state, handleChange] - 状態とコールバック
  *
@@ -2953,9 +2953,6 @@ export declare function useGridCalc(paper: Paper, grid: Grid, dpi?: number): {
  * ```tsx
  * const [state, onChange] = useInteractionState();
  *
- * // ブロックをクリック
- * onChange({ type: InteractionEventType.SELECT, blockIds: ['block-1'] });
- *
  * // ドラッグ開始 (まだpressing)
  * onChange({ type: InteractionEventType.START_PRESS, blockId: 'block-1', startGrid: { col: 0, row: 0 } });
  *

package/package.json

@@ -1,77 +1,77 @@
-{
-	"name": "@tatamicks/core",
-	"version": "0.2.3",
-	"private": false,
-	"description": "A headless, extensible document editor for React with grid-based layout system",
-	"keywords": [
-		"react",
-		"editor",
-		"document-editor",
-		"headless",
-		"grid-layout",
-		"plugin-system",
-		"typescript"
-	],
-	"author": "yonpachi",
-	"license": "MIT",
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/torchi-net/tatamicks.git",
-		"directory": "packages/tatamicks-core"
-	},
-	"homepage": "https://github.com/torchi-net/tatamicks#readme",
-	"bugs": {
-		"url": "https://github.com/torchi-net/tatamicks/issues"
-	},
-	"type": "module",
-	"main": "dist/index.js",
-	"module": "dist/index.mjs",
-	"types": "dist/src/index.d.ts",
-	"style": "dist/index.css",
-	"exports": {
-		".": {
-			"types": "./dist/src/index.d.ts",
-			"import": "./dist/index.mjs",
-			"require": "./dist/index.js"
-		},
-		"./dist/index.css": "./dist/index.css"
-	},
-	"scripts": {
-		"dev": "vite",
-		"build": "vite build .",
-		"preview": "vite preview",
-		"typecheck": "tsc --noEmit",
-		"lint": "biome check .",
-		"format": "biome format --write .",
-		"test": "vitest --run .",
-		"test:unit": "vitest run ."
-	},
-	"files": [
-		"dist"
-	],
-	"peerDependencies": {
-		"react": "^19.0.2",
-		"react-dom": "^19.0.2"
-	},
-	"devDependencies": {
-		"@biomejs/biome": "^2.2.6",
-		"@testing-library/jest-dom": "^6.9.1",
-		"@testing-library/react": "^16.3.0",
-		"@types/node": "^24.7.2",
-		"@types/react": "^19.0.2",
-		"@types/react-dom": "^19.0.2",
-		"@vitejs/plugin-react": "^4.7.0",
-		"@vitest/browser": "3.2.4",
-		"@vitest/coverage-v8": "3.2.4",
-		"jsdom": "^27.0.0",
-		"playwright": "^1.56.0",
-		"typescript": "^5.9.3",
-		"vite": "^6.3.6",
-		"vite-plugin-dts": "^4.5.4",
-		"vite-plugin-lib-inject-css": "^2.2.2",
-		"vitest": "^3.2.4"
-	},
-	"sideEffects": [
-		"**/*.css"
-	]
-}
+{
+	"name": "@tatamicks/core",
+	"version": "0.3.0",
+	"private": false,
+	"description": "A headless, extensible document editor for React with grid-based layout system",
+	"keywords": [
+		"react",
+		"editor",
+		"document-editor",
+		"headless",
+		"grid-layout",
+		"plugin-system",
+		"typescript"
+	],
+	"author": "yonpachi",
+	"license": "MIT",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/torchi-net/tatamicks.git",
+		"directory": "packages/tatamicks-core"
+	},
+	"homepage": "https://github.com/torchi-net/tatamicks#readme",
+	"bugs": {
+		"url": "https://github.com/torchi-net/tatamicks/issues"
+	},
+	"type": "module",
+	"main": "dist/index.js",
+	"module": "dist/index.mjs",
+	"types": "dist/src/index.d.ts",
+	"style": "dist/index.css",
+	"exports": {
+		".": {
+			"types": "./dist/src/index.d.ts",
+			"import": "./dist/index.mjs",
+			"require": "./dist/index.js"
+		},
+		"./dist/index.css": "./dist/index.css"
+	},
+	"scripts": {
+		"dev": "vite",
+		"build": "vite build .",
+		"preview": "vite preview",
+		"typecheck": "tsc --noEmit",
+		"lint": "biome check .",
+		"format": "biome format --write .",
+		"test": "vitest --run .",
+		"test:unit": "vitest run ."
+	},
+	"files": [
+		"dist"
+	],
+	"peerDependencies": {
+		"react": "^19.0.2",
+		"react-dom": "^19.0.2"
+	},
+	"devDependencies": {
+		"@biomejs/biome": "^2.2.6",
+		"@testing-library/jest-dom": "^6.9.1",
+		"@testing-library/react": "^16.3.0",
+		"@types/node": "^24.7.2",
+		"@types/react": "^19.0.2",
+		"@types/react-dom": "^19.0.2",
+		"@vitejs/plugin-react": "^4.7.0",
+		"@vitest/browser": "3.2.4",
+		"@vitest/coverage-v8": "3.2.4",
+		"happy-dom": "^20.3.1",
+		"playwright": "^1.56.0",
+		"typescript": "^5.9.3",
+		"vite": "^6.3.6",
+		"vite-plugin-dts": "^4.5.4",
+		"vite-plugin-lib-inject-css": "^2.2.2",
+		"vitest": "^3.2.4"
+	},
+	"sideEffects": [
+		"**/*.css"
+	]
+}