open-grid 0.3.2 → 1.0.0-rc.1

package/dist/types/core/OverrideKernel.d.ts

@@ -0,0 +1,70 @@
+/**
+ * OverrideKernel — `grid.override()` 확장 커널 (94 최종 종합본 반영)
+ *
+ * 핵심 원칙(94 §1 F1~F4):
+ *  - F2: FIFO 합성 = `reduce` 좌측폴드. 먼저 등록 = 안쪽(원본 근접), 나중 등록 = 바깥.
+ *        `[fn1,fn2,fn3]` → 실행 시 fn3(최후등록)이 최외곽, orig() 호출이 안쪽으로 전파.
+ *  - F3: 재진입 가드 = 깊이 제한(maxDepth 기본 32) + 호출경로 사이클 감지(_callPath, 동일 name
+ *        재출현 시 차단) + 명시적 { reentrant:true } 옵트인. 정당한 cascade는 깊이 내 허용.
+ *  - F4: 에러 격리 = 기본 strict=true(예외 전파). { onError:'fallback' } 옵트인 시에만
+ *        경고 후 orig fallback(멱등 가정, 롤백 불가).
+ *
+ * 본 커널은 단독 클래스로, OpenGrid 인스턴스를 host 로 받아 프로토타입 메서드를
+ * 인스턴스 프로퍼티로 shadowing(순수 런타임 래핑, C1-clean) 한다. 소스 본문 0줄 수정.
+ */
+export interface OverrideKernelHost {
+    [name: string]: any;
+}
+/** override() 호출 시 레이어가 받는 함수 시그니처: 첫 인자는 안쪽(원본 근접) 함수. */
+export type OverrideLayer = (orig: (...args: any[]) => any, ...args: any[]) => any;
+export interface OverrideOptions {
+    /** 동일 name 재진입을 허용(정당한 재귀). 기본 false. */
+    reentrant?: boolean;
+    /** 'fallback' → 레이어 예외 시 경고 후 orig 실행(멱등 가정). 미지정 시 strict(전파). */
+    onError?: 'fallback';
+}
+export declare class OverrideKernel {
+    private _host;
+    /** name → this-bound 원본 함수 (최초 1회 보존) */
+    private _originals;
+    /** name → 최초 override 직전 host 가 own 프로퍼티로 메서드를 가졌는지(복구 방식 결정) */
+    private _hadOwn;
+    /** name → 레이어 목록(등록순, FIFO) */
+    private _stack;
+    /** slot → strategy 함수 */
+    private _strategies;
+    /** F3: 현재 호출 경로(메서드 name 스택) — 사이클 감지용 */
+    private _callPath;
+    /** F4: 기본 strict (예외 전파) */
+    private _strict;
+    /** F3: 재귀 깊이 제한 */
+    private _maxDepth;
+    constructor(host: OverrideKernelHost, opts?: {
+        strict?: boolean;
+        maxDepth?: number;
+    });
+    /**
+     * 메서드 override 등록.
+     * 1. 최초 1회 원본을 this-bound 로 보존.
+     * 2. 레이어 push (FIFO 등록순).
+     * 3. reduce 좌측폴드로 합성(나중 등록 = 최외곽).
+     * 4. 재진입 가드 + 에러 격리로 감싼 dispatcher 를 host[name] 인스턴스 프로퍼티에 할당.
+     */
+    override(name: string, fn: OverrideLayer, opts?: OverrideOptions): OverrideKernelHost;
+    /** 합성된 dispatcher 생성. override/restore 시점마다 재구성. */
+    private _buildDispatcher;
+    /** strategy 슬롯 등록 (Phase 2 매니저 배선용 API). */
+    strategy(slot: string, fn: Function): OverrideKernelHost;
+    /** strategy 슬롯 조회 — 미등록 시 fallback 반환 (매니저 read API). */
+    getStrategy<F extends Function>(slot: string, fallback: F): F;
+    /** 슬롯 등록 여부. */
+    hasStrategy(slot: string): boolean;
+    /** 단일 메서드 원본 복구. 없으면 no-op. */
+    restore(name: string): OverrideKernelHost;
+    /** 전체 복구 + strategy clear. destroy 시 호출. */
+    restoreAll(): OverrideKernelHost;
+    /** override 등록 여부. */
+    hasOverride(name: string): boolean;
+    /** override 등록된 메서드 이름 목록. */
+    getOverrideNames(): string[];
+}

package/dist/types/core/PivotEngine.d.ts

@@ -1,5 +1,4 @@
-import { ColumnDef } from './types.js';
-
+import type { ColumnDef } from './types.js';
 export type PivotAgg = 'SUM' | 'COUNT' | 'AVG' | 'MIN' | 'MAX';
 export interface PivotConfig {
     rowFields: string[];

package/dist/types/core/RowDragDrop.d.ts

@@ -1,14 +1,34 @@
 export type RowDropCallback = (fromIndex: number, toIndex: number) => void;
+/** 커서 좌표로 다른 그리드의 바디를 찾는 해석기 */
+export interface CrossGridResolveResult {
+    bodyEl: HTMLElement;
+    rowHeight: number;
+    totalRows: number;
+}
+export interface CrossGridConfig {
+    /** 커서 위치(x,y)에 있는 다른(crossGrid 허용) 그리드 바디 정보 반환. 없으면 null */
+    resolveTarget: (clientX: number, clientY: number) => CrossGridResolveResult | null;
+    /** 다른 그리드로 드롭됐을 때 호출 (소스 fromIndex, 타깃 바디, 타깃 삽입 인덱스) */
+    onCrossDrop: (fromIndex: number, targetBodyEl: HTMLElement, targetIndex: number) => void;
+}
 /**
- * 행 드래그앤드롭 관리자.
- * 행 DOM에 드래그 핸들을 심고, 드롭 위치를 표시한 뒤 콜백으로 알림.
+ * 행 드래그앤드롭 관리자 (순수 DnD).
+ * 행 DOM에 드래그 핸들을 심고, 고스트/인디케이터로 위치를 표시한 뒤 콜백으로 알림.
+ * 그리드 간 이동 판정(타깃 그리드 해석)은 주입된 CrossGridConfig 에 위임한다.
  */
 export declare class RowDragDrop {
-    private _drag;
-    private _onDrop;
     private _bodyEl;
     private _rowHeight;
-    constructor(bodyEl: HTMLElement, rowHeight: number, onDrop: RowDropCallback);
+    private _onDrop;
+    private _cross;
+    /** fromIndex 기준 함께 드래그할 행 수(멀티행 배지용). 기본 1 */
+    private _getDragCount;
+    private _drag;
+    private readonly _selfIndicator;
+    private readonly _crossIndicator;
+    constructor(_bodyEl: HTMLElement, _rowHeight: number, _onDrop: RowDropCallback, _cross?: CrossGridConfig | null, 
+    /** fromIndex 기준 함께 드래그할 행 수(멀티행 배지용). 기본 1 */
+    _getDragCount?: (fromIndex: number) => number);
     /** 행 엘리먼트에 드래그 핸들 삽입 */
     attachHandle(rowEl: HTMLElement, rowIndex: number, totalRows: number): HTMLElement;
     private _startDrag;

package/dist/types/core/RowManager.d.ts

@@ -1,5 +1,4 @@
 import { DataLayer } from './DataLayer.js';
-
 export declare class RowManager<T extends Record<string, any> = any> {
     private _selectedRows;
     private _checkedRows;

package/dist/types/core/SortFilterManager.d.ts

@@ -1,9 +1,8 @@
-import { DataLayer } from './DataLayer.js';
-import { ColumnLayout } from './ColumnLayout.js';
-import { VirtualScroll } from './VirtualScroll.js';
-import { Pagination } from './Pagination.js';
-import { SortItem, FilterItem } from './types.js';
-
+import type { DataLayer } from './DataLayer.js';
+import type { ColumnLayout } from './ColumnLayout.js';
+import type { VirtualScroll } from './VirtualScroll.js';
+import type { Pagination } from './Pagination.js';
+import type { SortItem, FilterItem } from './types.js';
 export interface SortFilterDeps<T extends Record<string, any>> {
     getData: () => DataLayer<T>;
     getColLayout: () => ColumnLayout<T>;

package/dist/types/core/TriggerManager.d.ts

@@ -1,5 +1,4 @@
-import { TriggerContext, TriggerHandler, TriggerEvent } from './types.js';
-
+import type { TriggerContext, TriggerHandler, TriggerEvent } from './types.js';
 export declare class TriggerManager {
     private _triggers;
     add(event: TriggerEvent | string, handler: TriggerHandler): void;

package/dist/types/core/WorksheetManager.d.ts

@@ -1,5 +1,4 @@
-import { ColumnDef, WorksheetState } from './types.js';
-
+import type { ColumnDef, WorksheetState } from './types.js';
 export type SwitchCallback<T> = (name: string, state: WorksheetState<T>) => void;
 export declare class WorksheetManager<T extends Record<string, any> = any> {
     private _sheets;

package/dist/types/core/editors/CellEditor.d.ts

@@ -1,6 +1,5 @@
-import { ColumnDef } from '../types.js';
-import { RenderContext } from '../renderers/CellRenderer.js';
-
+import type { ColumnDef } from '../types.js';
+import type { RenderContext } from '../renderers/CellRenderer.js';
 export { DateEditor } from './DateEditor.js';
 export { SelectEditor } from './SelectEditor.js';
 export interface EditorResult {

package/dist/types/core/editors/DateEditor.d.ts

@@ -1,6 +1,5 @@
-import { CellEditor } from './CellEditor.js';
-import { RenderContext } from '../renderers/CellRenderer.js';
-
+import type { CellEditor } from './CellEditor.js';
+import type { RenderContext } from '../renderers/CellRenderer.js';
 export declare class DateEditor implements CellEditor {
     private input;
     private _container;

package/dist/types/core/editors/SelectEditor.d.ts

@@ -1,6 +1,5 @@
-import { CellEditor } from './CellEditor.js';
-import { RenderContext } from '../renderers/CellRenderer.js';
-
+import type { CellEditor } from './CellEditor.js';
+import type { RenderContext } from '../renderers/CellRenderer.js';
 export type SelectOption = string | {
     label?: string;
     text?: string;

package/dist/types/core/renderers/CellRenderer.d.ts

@@ -1,5 +1,4 @@
-import { ColumnDef } from '../types.js';
-
+import type { ColumnDef } from '../types.js';
 export interface RenderContext<T = any> {
     value: any;
     row: T;
@@ -12,13 +11,25 @@ export interface RenderContext<T = any> {
 export interface CellRenderer {
     render(ctx: RenderContext): HTMLElement;
 }
+export declare function setDisplayFormatterResolver(resolver: ((value: any, field: string, row: any) => string | null) | null): void;
 /**
  * 컬럼에 formula가 있으면 OGDecimal로 평가해 표시값(string)을 반환.
  * formula가 없으면 null 반환 → 기존 ctx.value 사용.
  */
 export declare function resolveFormula(ctx: RenderContext): string | null;
-export declare function formatNumber(value: any, format?: string, precision?: number): string;
-export declare function formatDate(value: any, format?: string): string;
+/**
+ * 숫자 포맷.
+ *  format 문자열:
+ *   '#,##0'          천단위 콤마, 정수
+ *   '#,##0.00'       천단위 콤마, 소수 2자리
+ *   '₩#,##0'         통화 접두 (₩1,234)
+ *   '$#,##0.00'      통화 접두 ($1,234.56)
+ *   '#,##0원'        통화 접미 (1,234원)
+ *   '$#,##0;($#,##0)' 양수;음수 패턴 — 음수를 괄호로 (회계식)
+ *  currency: ISO 통화코드('KRW'|'USD'|'EUR'…) 지정 시 Intl.NumberFormat 로케일 통화 포맷 우선.
+ */
+export declare function formatNumber(value: any, format?: string, precision?: number, currency?: string, field?: string, row?: any): string;
+export declare function formatDate(value: any, format?: string, field?: string, row?: any): string;
 export declare class TextRenderer implements CellRenderer {
     render(ctx: RenderContext): HTMLElement;
 }

package/dist/types/core/types.d.ts

@@ -68,6 +68,36 @@ export interface DragDropEvent<T = any> {
     targetIndex: number;
     targetGridId?: string;
 }
+/**
+ * 그리드↔그리드 행 이동 이벤트.
+ * crossGrid:true 인 두 그리드 사이에서 행을 드래그·드롭할 때 3단계로 발생한다.
+ *  - onGridDropBefore  : 변경 직전(이동 전). false 반환 시 이동 취소.
+ *  - onGridDropAfter   : 양쪽 데이터 모델 이동 완료 후.
+ *  - onGridDropComplete: 양쪽 재렌더까지 끝난 후.
+ */
+export interface GridDropEvent<T = any> {
+    /** 행을 보낸(드래그 시작) 그리드 */
+    sourceGrid: OpenGridInstance<T>;
+    /** 행을 받은(드롭 대상) 그리드 */
+    targetGrid: OpenGridInstance<T>;
+    /** 이동된 행 데이터 (내부 id 제외 복사본) */
+    rows: T[];
+    /** 소스 그리드에서의 원래 행 인덱스들 */
+    sourceIndexes: number[];
+    /** 타깃 그리드에서 삽입된 시작 인덱스 */
+    targetIndex: number;
+    /** before 단계에서 true 로 바꾸면 이동 취소 (onGridDropBefore가 false 반환한 것과 동일) */
+    cancel?: boolean;
+}
+/** 그리드↔그리드 필드 매핑 확정 이벤트 (interactive 모드에서 매핑 모달 확인 시) */
+export interface GridMappingEvent<T = any> {
+    sourceGrid: OpenGridInstance<T>;
+    targetGrid: OpenGridInstance<T>;
+    /** 타깃필드 → 소스필드 매핑 */
+    mapping: Record<string, string>;
+    /** crossGridMapping 에 baking 할 수 있는 변환 함수 소스 */
+    script: string;
+}
 export interface SelectionEvent<T = any> {
     rows: T[];
     rowIndexes: number[];
@@ -105,7 +135,13 @@ export interface ColumnDef<T = any> {
     maxWidth?: number;
     flex?: number;
     type?: DataType;
+    /**
+     * 숫자/날짜 포맷 문자열. 숫자는 통화 기호 접두·접미와 음수 패턴 지원:
+     *  '#,##0' · '#,##0.00' · '₩#,##0' · '$#,##0.00' · '#,##0원' · '$#,##0;($#,##0)'(음수 괄호)
+     */
     format?: string;
+    /** ISO 통화코드('KRW'|'USD'|'EUR'…). 지정 시 Intl.NumberFormat 로케일 통화 포맷 (format 보다 우선) */
+    currency?: string;
     valueMap?: Record<string, string>;
     renderer?: RendererType | RendererDef;
     editable?: boolean | ((row: T, rowIndex: number) => boolean);
@@ -121,6 +157,12 @@ export interface ColumnDef<T = any> {
     frozen?: boolean;
     /** 셀 줄바꿈: true 면 nowrap+ellipsis 대신 여러 줄로 표시(rowHeight 확대와 함께 사용) */
     wrap?: boolean;
+    /**
+     * 헤더(컬럼 머리글) 줄바꿈: true 면 헤더 텍스트가 잘리지 않고 여러 줄로 줄바꿈된다.
+     * (셀 본문용 wrap 과 별개로 헤더에만 적용. header 문자열의 '\n' 은 headerWrap 여부와 무관하게 항상 줄바꿈됨)
+     * 줄바꿈된 헤더에 맞춰 헤더 행 높이가 자동으로 늘어난다.
+     */
+    headerWrap?: boolean;
     colSpan?: boolean | ((row: T, rowIndex: number) => boolean);
     rowSpan?: boolean;
     children?: ColumnDef<T>[];
@@ -255,6 +297,15 @@ export interface GridOptions<T = any> {
     stateColumn?: boolean;
     checkColumn?: boolean;
     draggable?: boolean;
+    /** 그리드↔그리드 행 드래그 이동 허용 (draggable:true 와 함께 사용, 양쪽 그리드 모두 true 여야 이동) */
+    crossGrid?: boolean;
+    /**
+     * 크로스그리드 이동 시 소스→타깃 행 변환 방식.
+     *  - 'auto'(기본): 필드명 그대로 복사
+     *  - 'interactive': 소스/타깃 스키마가 다르면 매핑 모달을 띄워 개발자가 매칭 + 변환 스크립트 출력
+     *  - 함수: (srcRow) => targetRow 로 직접 변환 (모달 없이 baking)
+     */
+    crossGridMapping?: 'auto' | 'interactive' | ((srcRow: T) => Partial<T>);
     mergeCells?: boolean;
     groupBy?: string[];
     summary?: SummaryOptions;
@@ -274,6 +325,7 @@ export interface GridOptions<T = any> {
     worksheets?: WorksheetDef[];
     calcPrecision?: number;
     columnReorder?: boolean;
+    overrideStrict?: boolean;
     onReady?: (grid: OpenGridInstance<T>) => void;
     onCellClick?: (e: CellEvent<T>) => void;
     onCellDblClick?: (e: CellEvent<T>) => void;
@@ -290,6 +342,14 @@ export interface GridOptions<T = any> {
         fromIndex: number;
         toIndex: number;
     }) => void;
+    /** 변경전 — 이동 직전. false 반환 시 이동 취소 */
+    onGridDropBefore?: (e: GridDropEvent<T>) => boolean | void;
+    /** 변경후 — 양쪽 데이터 모델 이동 완료 */
+    onGridDropAfter?: (e: GridDropEvent<T>) => void;
+    /** 완료시 — 양쪽 재렌더까지 끝남 */
+    onGridDropComplete?: (e: GridDropEvent<T>) => void;
+    /** interactive 매핑 모달에서 매핑 확정 시 — 생성된 매핑/스크립트 수신 */
+    onGridDropMapping?: (e: GridMappingEvent<T>) => void;
     onColumnReorder?: (e: {
         fromIndex: number;
         toIndex: number;
@@ -311,7 +371,58 @@ export interface GridOptions<T = any> {
     onCellKeyUp?: (e: CellKeyEvent<T>) => void;
     onCellKeyPress?: (e: CellKeyEvent<T>) => void;
 }
+/** override 레이어 함수: 첫 인자는 안쪽(원본 근접) 함수. orig(...) 호출이 super 처럼 동작. */
+export type OverrideLayerFn = (orig: (...args: any[]) => any, ...args: any[]) => any;
+export interface OverrideCallOptions {
+    /** 동일 메서드 재진입 허용(정당한 재귀). 기본 false. */
+    reentrant?: boolean;
+    /** 'fallback' → 레이어 예외 시 경고 후 원본 실행(멱등 가정, 롤백 불가). 미지정 시 strict. */
+    onError?: 'fallback';
+}
+/** 등록 가능한 알고리즘 슬롯 이름(6종). */
+export type StrategySlot = 'sortComparator' | 'filterPredicate' | 'displayFormatter' | 'cellSerializer' | 'groupKeyFn' | 'summaryOp';
+/** 단일키 정렬 비교자. dir 부호는 호출자(DataLayer)가 적용 — 슬롯은 비교만 반환. */
+export type SortComparatorFn = (a: any, b: any, field: string, dir: 'asc' | 'desc') => number;
+/** 필터 술어. true → 행 포함. */
+export type FilterPredicateFn = (value: any, fi: FilterItem, field: string) => boolean;
+/** 표시값 포맷. getDisplayValue(인스턴스 안전) + 렌더러(formatNumber/formatDate) 공유. */
+export type DisplayFormatterFn = (value: any, field: string, row: any) => string;
+/** export 셀 직렬화. */
+export type CellSerializerFn = (value: any, col: any, row: any) => any;
+/** 그룹 키 산출. remainingFields = 현재 깊이부터의 잔여 필드. */
+export type GroupKeyFn = (row: any, remainingFields: string[]) => any;
+/** 집계 연산. null 반환 시 기본 SUM/AVG/COUNT/MAX/MIN 분기로 폴백. */
+export type SummaryOpFn = (op: string, nums: any[], field: string) => number | null;
+/** 슬롯명 → 시그니처 매핑. */
+export interface StrategyMap {
+    sortComparator: SortComparatorFn;
+    filterPredicate: FilterPredicateFn;
+    displayFormatter: DisplayFormatterFn;
+    cellSerializer: CellSerializerFn;
+    groupKeyFn: GroupKeyFn;
+    summaryOp: SummaryOpFn;
+}
+/** 호출가능 + .strategy 멤버를 가진 하이브리드 override API. */
+export interface OverrideApi<T = any> {
+    /** 메서드 본문 무수정 런타임 래핑(C1-clean). 체이닝 위해 grid 인스턴스 반환. */
+    (name: string, fn: OverrideLayerFn, opts?: OverrideCallOptions): OpenGridInstance<T>;
+    /** 알고리즘 슬롯 등록(Phase 2 매니저 훅포인트). 체이닝 위해 grid 인스턴스 반환. */
+    strategy<K extends StrategySlot>(slot: K, fn: StrategyMap[K]): OpenGridInstance<T>;
+    strategy(slot: string, fn: Function): OpenGridInstance<T>;
+}
 export interface OpenGridInstance<T = any> {
+    /** 공개 메서드를 런타임 래핑하거나(.override) 알고리즘 슬롯을 등록(.strategy). */
+    override: OverrideApi<T>;
+    /** 단일 메서드 원본 복구. */
+    restore(name: string): OpenGridInstance<T>;
+    /** 전체 override + strategy 복구(destroy 시 자동). */
+    restoreAll(): OpenGridInstance<T>;
+    /** 해당 메서드가 override 되어 있는지. */
+    hasOverride(name: string): boolean;
+    /** override 등록된 메서드 이름 목록. */
+    getOverrideNames(): string[];
+    /** strategy 슬롯 조회(미등록 시 fallback 반환). 매니저 read API. */
+    getStrategy<F extends Function>(slot: string, fallback: F): F;
     setData(data: T[]): void;
     getData(): T[];
     getSourceRows(): T[];
@@ -386,6 +497,10 @@ export interface OpenGridInstance<T = any> {
     resetFilter(field?: string): void;
     getFilterState(): Record<string, FilterItem[]>;
     restoreFilter(state: Record<string, FilterItem[]>): void;
+    /** 지정 행들을 다른 그리드로 이동. 3단계 이벤트 + crossGridMapping 적용. */
+    moveRowsTo(target: OpenGridInstance<T>, sourceIndexes: number[], targetIndex?: number): Promise<boolean>;
+    /** 체크된 행을 다른 그리드로 이동 (화살표 셔틀용) */
+    moveCheckedTo(target: OpenGridInstance<T>): Promise<boolean>;
     freeze(columnCount: number): void;
     freezeRows(rowCount: number): void;
     groupBy(fields: string[]): void;

package/dist/types/index.d.ts

@@ -1,5 +1,7 @@
-
+import './styles/base.css';
 export { OpenGrid } from './core/OpenGrid.js';
+export { GridShuttle, createGridShuttle } from './core/GridShuttle.js';
+export type { GridShuttleOptions } from './core/GridShuttle.js';
 export { OrgChart } from './core/OrgChart.js';
 export { XmlConverter } from './core/XmlConverter.js';
 export type { OrgChartOptions, OrgChartColumnDef } from './core/OrgChart.js';

package/dist/types/react/OpenGrid.d.ts

@@ -1,6 +1,6 @@
-import { default as React, CSSProperties } from 'react';
-import { GridOptions, ColumnDef, OpenGridInstance } from '../core/types.js';
-
+import React, { CSSProperties } from 'react';
+import type { GridOptions, ColumnDef, OpenGridInstance } from '../core/types.js';
+import '../styles/base.css';
 export interface OpenGridProps<T extends Record<string, any> = any> {
     data?: T[];
     columns: ColumnDef<T>[];

package/dist/types/vue/types.d.ts

@@ -1,5 +1,4 @@
-import { GridOptions, ColumnDef, OpenGridInstance } from '../core/types.js';
-
+import type { GridOptions, ColumnDef, OpenGridInstance } from '../core/types.js';
 export interface OpenGridProps<T = any> {
     data?: T[];
     columns: ColumnDef<T>[];

package/package.json

@@ -1,102 +1,99 @@
-{
-  "name": "open-grid",
-  "version": "0.3.2",
-  "description": "High-performance, framework-agnostic data grid with Vue 3 and React 18 support",
-  "type": "module",
-  "main": "dist/open-grid.cjs",
-  "module": "dist/open-grid.js",
-  "types": "dist/types/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/open-grid.js",
-      "require": "./dist/open-grid.cjs",
-      "types": "./dist/types/index.d.ts"
-    },
-    "./vue": {
-      "import": "./dist/open-grid-vue.js",
-      "require": "./dist/open-grid-vue.cjs",
-      "types": "./dist/types/vue/index.d.ts"
-    },
-    "./react": {
-      "import": "./dist/open-grid-react.js",
-      "require": "./dist/open-grid-react.cjs",
-      "types": "./dist/types/react/index.d.ts"
-    },
-    "./style.css": "./dist/style.css"
-  },
-  "files": [
-    "dist",
-    "README.md",
-    "LICENSE"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build",
-    "build:types": "tsc --emitDeclarationOnly",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:coverage": "vitest run --coverage",
-    "test:e2e": "playwright test",
-    "lint": "eslint src --ext .ts,.tsx,.vue",
-    "preview": "vite preview",
-    "build:deploy": "vite build --config vite.config.deploy.ts",
-    "obfuscate": "node scripts/obfuscate.mjs",
-    "deploy": "npm run build && npm run build:deploy && npm run obfuscate"
-  },
-  "peerDependencies": {
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0",
-    "vue": ">=3.0.0"
-  },
-  "peerDependenciesMeta": {
-    "react": {
-      "optional": true
-    },
-    "react-dom": {
-      "optional": true
-    },
-    "vue": {
-      "optional": true
-    }
-  },
-  "devDependencies": {
-    "@playwright/test": "^1.44.0",
-    "@types/react": "^18.3.0",
-    "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^7.0.0",
-    "@typescript-eslint/parser": "^7.0.0",
-    "@vitejs/plugin-react": "^4.3.0",
-    "@vitejs/plugin-vue": "^5.0.0",
-    "@vitest/coverage-v8": "^1.6.1",
-    "eslint": "^9.0.0",
-    "javascript-obfuscator": "^5.4.3",
-    "jsdom": "^29.1.1",
-    "react": "^18.3.0",
-    "react-dom": "^18.3.0",
-    "typescript": "^5.4.0",
-    "vite": "^5.2.0",
-    "vite-plugin-dts": "^3.9.0",
-    "vitest": "^1.6.0",
-    "vue": "^3.4.0"
-  },
-  "dependencies": {
-    "xlsx": "^0.18.5",
-    "xlsx-js-style": "^1.2.0"
-  },
-  "keywords": [
-    "grid",
-    "datagrid",
-    "table",
-    "vue",
-    "react",
-    "typescript",
-    "virtual-scroll",
-    "editable"
-  ],
-  "license": "MIT",
-  "author": "OPEN_GRID Contributors",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/open-grid/open-grid"
-  }
-}
+{
+  "name": "open-grid",
+  "version": "1.0.0-rc.1",
+  "description": "High-performance, framework-agnostic data grid with Vue 3 and React 18 support",
+  "type": "module",
+  "main": "dist/open-grid.cjs",
+  "module": "dist/open-grid.js",
+  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/open-grid.js",
+      "require": "./dist/open-grid.cjs",
+      "types": "./dist/types/index.d.ts"
+    },
+    "./vue": {
+      "import": "./dist/open-grid-vue.js",
+      "require": "./dist/open-grid-vue.cjs",
+      "types": "./dist/types/vue/index.d.ts"
+    },
+    "./react": {
+      "import": "./dist/open-grid-react.js",
+      "require": "./dist/open-grid-react.cjs",
+      "types": "./dist/types/react/index.d.ts"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "build:types": "tsc --emitDeclarationOnly",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "test:e2e": "playwright test",
+    "lint": "eslint src --ext .ts,.tsx,.vue",
+    "preview": "vite preview",
+    "build:deploy": "vite build --config vite.config.deploy.ts",
+    "obfuscate": "node scripts/obfuscate.mjs",
+    "deploy": "npm run build && npm run build:deploy && npm run obfuscate"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "vue": ">=3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.44.0",
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.0.0",
+    "@typescript-eslint/parser": "^7.0.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "@vitejs/plugin-vue": "^5.0.0",
+    "@vitest/coverage-v8": "^1.6.1",
+    "eslint": "^9.0.0",
+    "javascript-obfuscator": "^5.4.3",
+    "jsdom": "^29.1.1",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
+    "typescript": "^5.4.0",
+    "vite": "^5.2.0",
+    "vite-plugin-dts": "^3.9.0",
+    "vitest": "^1.6.0",
+    "vue": "^3.4.0"
+  },
+  "dependencies": {
+    "xlsx": "^0.18.5",
+    "xlsx-js-style": "^1.2.0"
+  },
+  "keywords": [
+    "grid",
+    "datagrid",
+    "table",
+    "vue",
+    "react",
+    "typescript",
+    "virtual-scroll",
+    "editable"
+  ],
+  "license": "MIT",
+  "author": "OPEN_GRID Contributors",
+  "homepage": "https://foxnail.kr/open-grid/demo/v2/index.php"
+}