@zengrid/angular 1.2.0 → 1.2.2

package/README.md

@@ -0,0 +1,13 @@
+# @zengrid/angular
+
+Angular wrapper for ZenGrid.
+
+## Installation
+
+```bash
+npm install @zengrid/angular @zengrid/core @zengrid/shared
+```
+
+## Usage
+
+Import `ZenGridComponent` into your Angular application and bind standard grid inputs such as `rowCount`, `colCount`, `columns`, and `data`.

package/package.json

@@ -1,18 +1,38 @@
 {
   "name": "@zengrid/angular",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "Angular wrapper for ZenGrid high-performance data grid",
+  "keywords": [
+    "angular",
+    "grid",
+    "data-grid",
+    "spreadsheet",
+    "virtual-scroll"
+  ],
+  "author": "ZenGrid Team",
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/zengrid-dev/zengrid.git",
+    "directory": "packages/angular"
+  },
+  "bugs": {
+    "url": "https://github.com/zengrid-dev/zengrid/issues"
+  },
+  "homepage": "https://github.com/zengrid-dev/zengrid#readme",
   "peerDependencies": {
     "@angular/core": ">=18.0.0",
     "@angular/common": ">=18.0.0",
     "@angular/forms": ">=18.0.0",
-    "@zengrid/core": ">=1.0.0"
+    "@zengrid/core": ">=1.2.2"
   },
   "dependencies": {
-    "tslib": "^2.3.0",
-    "@zengrid/core": "1.2.0",
-    "@zengrid/shared": "1.2.0"
+    "@zengrid/core": "1.2.2",
+    "@zengrid/shared": "1.2.2",
+    "tslib": "^2.3.0"
   },
-  "sideEffects": false
-}
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/lib/components/zen-grid.component.ts

@@ -41,7 +41,7 @@ import type {
   RendererCacheConfig,
 } from '@zengrid/core';
 import { GridApiImpl, PluginHost } from '@zengrid/core';
-import type { OperationMode } from '@zengrid/shared';
+import { resolveOperationMode, type OperationMode } from '@zengrid/shared';
 import { EVENT_MAP } from '../utils/event-map';
 import { ZenColumnComponent } from './zen-column.component';
 import { TemplateBridgeService } from '../services/template-bridge.service';
@@ -88,9 +88,9 @@ export class ZenGridComponent {
   readonly _isBrowser = isPlatformBrowser(this.platformId);
 
   get placeholderHeight(): number {
-    const rh = this.rowHeight();
-    const h = typeof rh === 'number' ? rh : 30;
-    return this.rowCount() * h;
+    const rowHeight = this.getResolvedRowHeight();
+    const height = typeof rowHeight === 'number' ? rowHeight : 30;
+    return this.rowCount() * height;
   }
 
   private readonly gridContainerRef = viewChild<ElementRef<HTMLElement>>('gridContainer');
@@ -98,13 +98,21 @@ export class ZenGridComponent {
 
   private grid: Grid | null = null;
   private gridReady = false;
+  private readonly explicitInputs = new Set<'rowHeight' | 'colWidth' | 'columns'>();
+  private pendingModelDataSync: any[][] | null = null;
 
   // --- Core Inputs ---
   readonly rowCount = input.required<number>();
   readonly colCount = input.required<number>();
-  readonly rowHeight = input<number | number[]>(30);
-  readonly colWidth = input<number | number[]>(100);
-  readonly columns = input<ColumnDef[]>([]);
+  readonly rowHeight = input<number | number[], number | number[]>(30, {
+    transform: (value: number | number[]) => this.markExplicitInput('rowHeight', value),
+  });
+  readonly colWidth = input<number | number[], number | number[]>(100, {
+    transform: (value: number | number[]) => this.markExplicitInput('colWidth', value),
+  });
+  readonly columns = input<ColumnDef[], ColumnDef[]>([], {
+    transform: (value: ColumnDef[]) => this.markExplicitInput('columns', value),
+  });
 
   // --- Feature Inputs ---
   readonly enableSelection = input<boolean | undefined>(undefined);
@@ -118,13 +126,9 @@ export class ZenGridComponent {
 
   // --- Mode Inputs ---
   readonly dataMode = input<OperationMode | undefined>(undefined);
-  readonly sortMode = input<OperationMode | undefined>(undefined);
-  readonly filterMode = input<OperationMode | undefined>(undefined);
 
   // --- Backend Callback Inputs ---
   readonly onDataRequest = input<GridOptions['onDataRequest']>(undefined);
-  readonly onSortRequest = input<GridOptions['onSortRequest']>(undefined);
-  readonly onFilterRequest = input<GridOptions['onFilterRequest']>(undefined);
   readonly onLoadMoreRows = input<GridOptions['onLoadMoreRows']>(undefined);
 
   // --- Config Object Inputs ---
@@ -279,27 +283,26 @@ export class ZenGridComponent {
 
     // Sync data input → grid (skip first run, initGrid handles initial data)
     effect(() => {
-      const d = this.data();
-      if (!this.gridReady) return;
-      if (d && d.length > 0) {
-        this.grid!.setData(d);
+      const data = this.data();
+      if (!this.gridReady || this.getResolvedDataMode() !== 'frontend') return;
+      if (!Array.isArray(data)) return;
+
+      if (this.pendingModelDataSync === data) {
+        this.pendingModelDataSync = null;
+        return;
       }
+
+      this.grid!.setData(data);
     });
 
     // Sync columns from content children or input (skip first run)
     effect(() => {
-      const cols = this.columnChildren();
-      const inputCols = this.columns();
+      this.columnChildren();
+      this.columns();
       if (!this.gridReady) return;
 
-      let resolvedColumns: ColumnDef[];
-      if (cols.length > 0) {
-        resolvedColumns = cols.map(c => c.toColumnDef(this.templateBridge));
-      } else {
-        resolvedColumns = inputCols;
-      }
-
-      if (resolvedColumns.length > 0) {
+      const resolvedColumns = this.getComponentColumns();
+      if (resolvedColumns !== undefined) {
         this.grid!.updateOptions({ columns: resolvedColumns });
       }
     });
@@ -308,8 +311,8 @@ export class ZenGridComponent {
     const prevOptions: Record<string, any> = {};
     effect(() => {
       const current: Array<[string, any]> = [
-        ['rowHeight', this.rowHeight()],
-        ['colWidth', this.colWidth()],
+        ['rowHeight', this.getResolvedRowHeight()],
+        ['colWidth', this.getResolvedColWidth()],
         ['selectionType', this.selectionType()],
         ['enableSelection', this.enableSelection()],
         ['enableMultiSelection', this.enableMultiSelection()],
@@ -317,9 +320,7 @@ export class ZenGridComponent {
         ['enableA11y', this.enableA11y()],
         ['enableColumnResize', this.enableColumnResize()],
         ['enableColumnDrag', this.enableColumnDrag()],
-        ['dataMode', this.dataMode()],
-        ['sortMode', this.sortMode()],
-        ['filterMode', this.filterMode()],
+        ['dataMode', this.getConfiguredDataMode()],
         ['pagination', this.pagination()],
         ['loading', this.loading()],
         ['infiniteScrolling', this.infiniteScrolling()],
@@ -358,6 +359,55 @@ export class ZenGridComponent {
     });
   }
 
+  private markExplicitInput<T>(name: 'rowHeight' | 'colWidth' | 'columns', value: T): T {
+    this.explicitInputs.add(name);
+    return value;
+  }
+
+  private hasExplicitInput(name: 'rowHeight' | 'colWidth' | 'columns'): boolean {
+    return this.explicitInputs.has(name);
+  }
+
+  private getResolvedDataMode(): 'frontend' | 'backend' {
+    return resolveOperationMode(
+      {
+        mode: this.getConfiguredDataMode(),
+        callback:
+          this.onDataRequest() ??
+          (this.globalConfig?.['onDataRequest'] as GridOptions['onDataRequest'] | undefined),
+      },
+      { rowCount: this.rowCount() }
+    );
+  }
+
+  private getConfiguredDataMode(): OperationMode | undefined {
+    return this.dataMode() ?? (this.globalConfig?.['dataMode'] as OperationMode | undefined);
+  }
+
+  private getResolvedRowHeight(): number | number[] {
+    const configured = this.globalConfig?.['rowHeight'] as GridOptions['rowHeight'] | undefined;
+    return this.hasExplicitInput('rowHeight') || configured === undefined ? this.rowHeight() : configured;
+  }
+
+  private getResolvedColWidth(): number | number[] {
+    const configured = this.globalConfig?.['colWidth'] as GridOptions['colWidth'] | undefined;
+    return this.hasExplicitInput('colWidth') || configured === undefined ? this.colWidth() : configured;
+  }
+
+  private getComponentColumns(): ColumnDef[] | undefined {
+    const columnChildren = this.columnChildren();
+    if (columnChildren.length > 0) {
+      return columnChildren.map(c => c.toColumnDef(this.templateBridge));
+    }
+
+    const inputColumns = this.columns();
+    if (this.hasExplicitInput('columns') || inputColumns.length > 0) {
+      return inputColumns;
+    }
+
+    return undefined;
+  }
+
   private buildOutputMap(): void {
     this.outputMap = {
       cellClick: this.cellClick,
@@ -433,25 +483,18 @@ export class ZenGridComponent {
     if (!containerRef) return;
 
     const container = containerRef.nativeElement;
-    const columnChildren = this.columnChildren();
-    const inputColumns = this.columns();
     const dataValue = this.data();
-
-    let resolvedColumns: ColumnDef[];
-    if (columnChildren.length > 0) {
-      resolvedColumns = columnChildren.map(c => c.toColumnDef(this.templateBridge));
-    } else {
-      resolvedColumns = inputColumns;
-    }
+    const componentColumns = this.getComponentColumns();
+    const resolvedDataMode = this.getResolvedDataMode();
 
     const options: GridOptions = {
+      ...(this.globalConfig ?? {}),
       rowCount: this.rowCount(),
       colCount: this.colCount(),
-      rowHeight: this.rowHeight(),
-      colWidth: this.colWidth(),
-      columns: resolvedColumns.length > 0 ? resolvedColumns : undefined,
       ...this.getOptionalOptions(),
-      ...(this.globalConfig ?? {}),
+      rowHeight: this.getResolvedRowHeight(),
+      colWidth: this.getResolvedColWidth(),
+      ...(componentColumns !== undefined ? { columns: componentColumns } : {}),
     };
 
     this.grid = new Grid(container, options);
@@ -459,8 +502,8 @@ export class ZenGridComponent {
     // Wire up events
     this.wireEvents();
 
-    // Set initial data
-    if (dataValue && dataValue.length > 0) {
+    // Frontend mode owns the in-memory dataset, including an explicit empty array.
+    if (resolvedDataMode === 'frontend' && Array.isArray(dataValue)) {
       this.grid.setData(dataValue);
     }
 
@@ -485,12 +528,8 @@ export class ZenGridComponent {
     const enPool = this.enableCellPooling();
     const enResize = this.enableColumnResize();
     const enDrag = this.enableColumnDrag();
-    const dMode = this.dataMode();
-    const sMode = this.sortMode();
-    const fMode = this.filterMode();
+    const dMode = this.getConfiguredDataMode();
     const dReq = this.onDataRequest();
-    const sReq = this.onSortRequest();
-    const fReq = this.onFilterRequest();
     const loadMore = this.onLoadMoreRows();
     const pag = this.pagination();
     const load = this.loading();
@@ -522,11 +561,7 @@ export class ZenGridComponent {
     if (enResize !== undefined) opts.enableColumnResize = enResize;
     if (enDrag !== undefined) opts.enableColumnDrag = enDrag;
     if (dMode !== undefined) opts.dataMode = dMode;
-    if (sMode !== undefined) opts.sortMode = sMode;
-    if (fMode !== undefined) opts.filterMode = fMode;
     if (dReq !== undefined) opts.onDataRequest = dReq;
-    if (sReq !== undefined) opts.onSortRequest = sReq;
-    if (fReq !== undefined) opts.onFilterRequest = fReq;
     if (loadMore !== undefined) opts.onLoadMoreRows = loadMore;
     if (pag !== undefined) opts.pagination = pag;
     if (load !== undefined) opts.loading = load;
@@ -606,7 +641,13 @@ export class ZenGridComponent {
   }
 
   setData(data: any[][]): void {
-    this.grid?.setData(data);
+    if (this.getResolvedDataMode() === 'frontend') {
+      if (this.grid) {
+        this.pendingModelDataSync = data;
+        this.grid.setData(data);
+      }
+    }
+
     this.data.set(data);
   }
 

package/src/lib/plugins/angular-plugin-wrapper.ts

@@ -1,5 +1,11 @@
 import { Injector } from '@angular/core';
-import type { GridPlugin, GridStore, GridApiInterface, PluginDisposable } from '@zengrid/core';
+import type {
+  GridPlugin,
+  GridStore,
+  GridApiInterface,
+  GridPluginSetupContext,
+  PluginDisposable,
+} from '@zengrid/core';
 
 export class AngularPluginWrapper implements GridPlugin {
   readonly name: string;
@@ -16,9 +22,9 @@ export class AngularPluginWrapper implements GridPlugin {
     this.dependencies = plugin.dependencies;
   }
 
-  setup(store: GridStore, api: GridApiInterface): PluginDisposable | void {
+  setup(store: GridStore, api: GridApiInterface, context: GridPluginSetupContext): PluginDisposable | void {
     const plugin = this.pluginFactory(this.injector);
-    return plugin.setup(store, api);
+    return plugin.setup(store, api, context);
   }
 
   dispose(): void {

package/src/lib/types.ts

@@ -11,13 +11,25 @@ import type {
   ColumnStateSnapshot,
   GridExportOptions,
   SortState,
+  SortDescriptor,
   FilterModel,
+  FilterAst,
+  FilterAstNode,
+  FilterAstTarget,
+  FilterValueType,
+  QueryState,
+  QueryPaginationState,
+  DataLoadRequest,
+  DataLoadResponse,
   RenderParams,
   EditorParams,
   HeaderRenderParams,
   GridPlugin,
   GridStore,
   GridApiInterface,
+  GridPluginSetupContext,
+  GridOptionsChange,
+  GridOptionsListener,
   CellRenderer,
   CellEditor,
   HeaderRenderer,
@@ -35,13 +47,25 @@ export type {
   ColumnStateSnapshot,
   GridExportOptions,
   SortState,
+  SortDescriptor,
   FilterModel,
+  FilterAst,
+  FilterAstNode,
+  FilterAstTarget,
+  FilterValueType,
+  QueryState,
+  QueryPaginationState,
+  DataLoadRequest,
+  DataLoadResponse,
   RenderParams,
   EditorParams,
   HeaderRenderParams,
   GridPlugin,
   GridStore,
   GridApiInterface,
+  GridPluginSetupContext,
+  GridOptionsChange,
+  GridOptionsListener,
   CellRenderer,
   CellEditor,
   HeaderRenderer,
@@ -76,4 +100,8 @@ export interface ZenGridConfig {
 
 export type RendererInput = string | CellRenderer | TemplateRef<ZenCellTemplateContext> | Type<any>;
 export type EditorInput = string | CellEditor | TemplateRef<ZenEditorTemplateContext> | Type<any>;
-export type HeaderRendererInput = string | HeaderRenderer | TemplateRef<ZenHeaderTemplateContext> | Type<any>;
+export type HeaderRendererInput =
+  | string
+  | HeaderRenderer
+  | TemplateRef<ZenHeaderTemplateContext>
+  | Type<any>;

package/src/public-api.ts

@@ -12,14 +12,14 @@ export { ZenGridValueAccessorDirective } from './lib/directives/zen-grid-value-a
 export { TemplateBridgeService } from './lib/services/template-bridge.service';
 export { ZEN_GRID_CONFIG, provideZenGrid } from './lib/services/zen-grid-config.token';
 
-// Plugins
+// Angular Plugins
 export { AngularPluginWrapper, createAngularPlugin } from './lib/plugins/angular-plugin-wrapper';
 
 // Utils
 export { EVENT_MAP } from './lib/utils/event-map';
 export { bridgeStoreSignal } from './lib/utils/signal-bridge';
 
-// Types
+// Angular-specific Types
 export type {
   ZenCellTemplateContext,
   ZenEditorTemplateContext,
@@ -30,7 +30,8 @@ export type {
   HeaderRendererInput,
 } from './lib/types';
 
-// Re-export commonly used core types
+// ─── Re-export Core Types ───────────────────────────────────────────────────
+
 export type {
   CellRef,
   CellRange,
@@ -43,14 +44,340 @@ export type {
   GridExportOptions,
   GridEvents,
   SortState,
+  SortDescriptor,
   FilterModel,
+  FilterAst,
+  FilterAstNode,
+  FilterAstTarget,
+  FilterValueType,
+  QueryState,
+  QueryPaginationState,
+  DataLoadRequest,
+  DataLoadResponse,
   RenderParams,
   EditorParams,
   HeaderRenderParams,
   GridPlugin,
   GridStore,
   GridApiInterface,
+  GridPluginSetupContext,
+  GridOptionsChange,
+  GridOptionsListener,
   CellRenderer,
   CellEditor,
   HeaderRenderer,
 } from './lib/types';
+
+// ─── Re-export Core Renderers ───────────────────────────────────────────────
+
+export {
+  // Standard renderers
+  TextRenderer,
+  NumberRenderer,
+  ImageRenderer,
+  AdvancedCellRenderer,
+  // Interactive renderers
+  CheckboxRenderer,
+  ProgressBarRenderer,
+  ButtonRenderer,
+  LinkRenderer,
+  ChipRenderer,
+  SelectRenderer,
+  DropdownRenderer,
+  // Date renderers
+  DateRenderer,
+  DateRangeRenderer,
+  // DateTime suite renderers
+  DatePickerRenderer,
+  createDatePickerRenderer,
+  TimePickerRenderer,
+  createTimePickerRenderer,
+  DateTimePickerRenderer,
+  createDateTimePickerRenderer,
+  TimeRenderer,
+  createTimeRenderer,
+  DateTimeRenderer,
+  createDateTimeRenderer,
+  // Renderer infrastructure
+  RendererRegistry,
+} from '@zengrid/core';
+
+export type {
+  NumberRendererOptions,
+  ImageRendererOptions,
+  AdvancedCellRendererOptions,
+  CompositeElement,
+  ConditionalStyle,
+  CheckboxRendererOptions,
+  ProgressBarRendererOptions,
+  LinkRendererOptions,
+  ButtonRendererOptions,
+  ChipRendererOptions,
+  Chip,
+  SelectRendererOptions,
+  SelectOption,
+  DropdownRendererOptions,
+  DateRendererOptions,
+  DateRangeRendererOptions,
+  DatePickerRendererOptions,
+  TimePickerRendererOptions,
+  DateTimePickerRendererOptions,
+  TimeRendererOptions,
+  DateTimeRendererOptions,
+} from '@zengrid/core';
+
+// ─── Re-export Core Header Renderers ────────────────────────────────────────
+
+export {
+  TextHeaderRenderer,
+  SortableHeaderRenderer,
+  FilterableHeaderRenderer,
+  CheckboxHeaderRenderer,
+  IconHeaderRenderer,
+} from '@zengrid/core';
+
+export type { ResolvedHeaderConfig } from '@zengrid/core';
+
+// ─── Re-export Core Editors ─────────────────────────────────────────────────
+
+export {
+  TextEditor,
+  CheckboxEditor,
+  DropdownEditor,
+  DateEditor,
+  DateRangeEditor,
+  TimeEditor,
+  DateTimeEditor,
+  EditorManager,
+} from '@zengrid/core';
+
+export type {
+  TextEditorOptions,
+  CheckboxEditorOptions,
+  DropdownEditorOptions,
+  DropdownOption,
+  DateEditorOptions,
+  DateRangeEditorOptions,
+  TimeEditorOptions,
+  DateTimeEditorOptions,
+  EditorManagerOptions,
+} from '@zengrid/core';
+
+// ─── Re-export Core Plugins ─────────────────────────────────────────────────
+
+export {
+  createCorePlugin,
+  createSortPlugin,
+  createFilterPlugin,
+  createSelectionPlugin,
+  createEditingPlugin,
+  createUndoRedoPlugin,
+  createDevToolsConnector,
+  createAsyncSortPlugin,
+  createAsyncFilterPlugin,
+  createLifecyclePlugin,
+  PluginHost,
+  GridApiImpl,
+} from '@zengrid/core';
+
+export type {
+  CorePluginOptions,
+  SortPluginOptions,
+  FilterPluginOptions,
+  SelectionPluginOptions,
+  EditingPluginOptions,
+  UndoRedoPluginOptions,
+  DevToolsConnectorOptions,
+  AsyncSortPluginOptions,
+  AsyncFilterPluginOptions,
+  LifecyclePluginOptions,
+} from '@zengrid/core';
+
+// ─── Re-export Theming ──────────────────────────────────────────────────────
+
+export {
+  applyTheme,
+  removeTheme,
+  themeToCSSVariables,
+  registerTheme,
+  getTheme,
+  hasTheme,
+  listThemes,
+  getAllThemes,
+  unregisterTheme,
+  ThemeBuilder,
+  createTheme,
+  lighten,
+  darken,
+  alpha,
+  // Theme presets
+  lightTheme,
+  darkTheme,
+  materialTheme,
+  githubTheme,
+  nordTheme,
+  draculaTheme,
+  oneDarkTheme,
+  solarizedTheme,
+} from '@zengrid/core';
+
+export type {
+  ZenGridTheme,
+  PartialTheme,
+  ThemeColors,
+  ThemeTypography,
+  ThemeSpacing,
+  ThemeBorders,
+  ThemeShadows,
+  ThemeTransitions,
+} from '@zengrid/core';
+
+// ─── Re-export Sorting ──────────────────────────────────────────────────────
+
+export { SingleColumnSorter, MultiColumnSorter, SortStateManager } from '@zengrid/core';
+
+export type { SortOptions, NullPosition } from '@zengrid/core';
+
+// ─── Re-export Column Features ──────────────────────────────────────────────
+
+export {
+  ColumnModel,
+  ColumnReorderPlugin,
+  ColumnPinPlugin,
+  ColumnVisibilityPlugin,
+  ColumnResizeManager,
+  AutoFitCalculator,
+  ResizeHandleRenderer,
+  ResizePreview,
+  ColumnDragManager,
+  DragVisualFeedback,
+  DragKeyboardHandler,
+  DragTouchHandler,
+  ColumnDragCommand,
+  ColumnGroupManager,
+  ColumnGroupModel,
+  ColumnGroupRenderer,
+  createColumnGroupRenderer,
+} from '@zengrid/core';
+
+export type {
+  ColumnState,
+  ColumnEvent,
+  ColumnEventType,
+  ColumnPinPosition,
+  ColumnBatchUpdate,
+  ColumnConstraints,
+  ColumnResizeOptions,
+  ResizeState,
+  ResizeZoneResult,
+  AutoFitCalculatorOptions,
+  DragState,
+  DragEvent,
+  DropPosition,
+  ColumnDragOptions,
+  AutoScrollOptions,
+  DragStateSnapshot,
+  DropZoneResult,
+  ColumnDragEvents,
+  ColumnGroup,
+  ColumnGroupModelConfig,
+  ColumnGroupRenderParams,
+  ColumnGroupRendererOptions,
+} from '@zengrid/core';
+
+// ─── Re-export Viewport & Scroll ────────────────────────────────────────────
+
+export { ScrollModel, ViewportModel } from '@zengrid/core';
+
+export type {
+  ScrollState,
+  ViewportState,
+  ScrollEvent,
+  ScrollEventType,
+  ViewportEvent,
+  ViewportEventType,
+} from '@zengrid/core';
+
+// ─── Re-export Selection Utilities ──────────────────────────────────────────
+
+export {
+  normalizeRange,
+  mergeRanges,
+  containsCell,
+  rangesIntersect,
+  createHitTester,
+} from '@zengrid/core';
+
+// ─── Re-export DateTime Utilities ───────────────────────────────────────────
+
+export {
+  setDatetimeTheme,
+  setDatetimeThemeConfig,
+  parseDate,
+  parseTime,
+  parseDateTime,
+  formatDate,
+  formatDateForDisplay,
+  formatTime,
+  formatDateTime,
+  formatDateRange,
+  isValidDate,
+  isDateInRange,
+} from '@zengrid/core';
+
+export type { DatetimeTheme } from '@zengrid/core';
+
+// ─── Re-export Keyboard & Accessibility ─────────────────────────────────────
+
+export { KeyboardNavigator, ARIAManager, FocusManager } from '@zengrid/core';
+
+export type {
+  KeyboardNavigatorOptions,
+  ARIAManagerOptions,
+  FocusManagerOptions,
+} from '@zengrid/core';
+
+// ─── Re-export Data & Utilities ─────────────────────────────────────────────
+
+export {
+  SparseMatrix,
+  ColumnStore,
+  createIndexMap,
+  createIdentityIndexMap,
+  ClipboardManager,
+  CSVExporter,
+  DependencyGraph,
+  EventEmitter,
+  GridStore as CoreGridStore,
+  PipelineRegistry,
+} from '@zengrid/core';
+
+export type {
+  SparseMatrixOptions,
+  ReadonlySparseMatrix,
+  ColumnStoreOptions,
+  ColumnDefinition,
+  ColumnType,
+  AggregateOperation,
+  AggregationResult,
+  IndexMap,
+  IndexMapOptions,
+  DataAccessor,
+  StoreKeys,
+  WrappedSignal,
+  WrappedComputed,
+  AsyncState,
+  AsyncComputedOptions,
+} from '@zengrid/core';
+
+// ─── Re-export Grid API Types ───────────────────────────────────────────────
+
+export type {
+  SortApi,
+  FilterApi,
+  PaginationApi,
+  ColumnApi,
+  ScrollApi,
+  StateApi,
+  ExportApi,
+} from '@zengrid/core';