@datum-cloud/datum-ui 1.8.0 → 2.0.0

package/dist/components/features/data-table/columns/selection-column.d.ts

@@ -1,5 +1,6 @@
-import type { ColumnDef } from '@tanstack/react-table';
+import type { ColumnDef, RowData } from '@tanstack/react-table';
+import type { DataTableFeatures } from '../core/features';
 import type { SelectionColumnOptions } from '../types';
-export declare function createSelectionColumn<TData>(options?: SelectionColumnOptions<TData>): ColumnDef<TData>;
-export declare function hasSelectionColumn<TData>(columns: ColumnDef<TData, any>[]): boolean;
-export declare function withSelectionColumn<TData>(columns: ColumnDef<TData, any>[], options?: SelectionColumnOptions<TData>): ColumnDef<TData, any>[];
+export declare function createSelectionColumn<TData extends RowData>(options?: SelectionColumnOptions<TData>): ColumnDef<DataTableFeatures, TData>;
+export declare function hasSelectionColumn<TData extends RowData>(columns: ColumnDef<DataTableFeatures, TData, any>[]): boolean;
+export declare function withSelectionColumn<TData extends RowData>(columns: ColumnDef<DataTableFeatures, TData, any>[], options?: SelectionColumnOptions<TData>): ColumnDef<DataTableFeatures, TData, any>[];

package/dist/components/features/data-table/components/bulk-actions.d.ts

@@ -1,2 +1,3 @@
+import type { RowData } from '@tanstack/react-table';
 import type { BulkActionsProps } from '../types';
-export declare function DataTableBulkActions<TData>({ children, className, }: BulkActionsProps<TData>): import("react").JSX.Element | null;
+export declare function DataTableBulkActions<TData extends RowData>({ children, className, }: BulkActionsProps<TData>): import("react").JSX.Element | null;

package/dist/components/features/data-table/components/column-header.d.ts

@@ -1,2 +1,3 @@
+import type { RowData } from '@tanstack/react-table';
 import type { ColumnHeaderProps } from '../types';
-export declare function DataTableColumnHeader<TData, TValue>({ column, title, className, }: ColumnHeaderProps<TData, TValue>): import("react").JSX.Element;
+export declare function DataTableColumnHeader<TData extends RowData, TValue>({ column, title, className, }: ColumnHeaderProps<TData, TValue>): import("react").JSX.Element;

package/dist/components/features/data-table/components/inline-content.d.ts

@@ -1,2 +1,3 @@
+import type { RowData } from '@tanstack/react-table';
 import type { InlineContentProps } from '../types';
-export declare function DataTableInlineContent<TData>({ position, rowId, open, onClose, className, children, }: InlineContentProps<TData>): null;
+export declare function DataTableInlineContent<TData extends RowData>({ position, rowId, open, onClose, className, children, }: InlineContentProps<TData>): null;

package/dist/components/features/data-table/components/row-actions.d.ts

@@ -1,2 +1,3 @@
+import type { RowData } from '@tanstack/react-table';
 import type { RowActionsProps } from '../types';
-export declare function DataTableRowActions<TData>({ row, actions, isLoading, className, responsive, sheetTitle, }: RowActionsProps<TData>): import("react").JSX.Element | null;
+export declare function DataTableRowActions<TData extends RowData>({ row, actions, isLoading, className, responsive, sheetTitle, }: RowActionsProps<TData>): import("react").JSX.Element | null;

package/dist/components/features/data-table/core/client-provider.d.ts

@@ -1,8 +1,9 @@
+import type { RowData } from '@tanstack/react-table';
 import type { ReactNode } from 'react';
 import type { UseDataTableClientOptions } from '../types';
-export type DataTableClientProviderProps<TData> = UseDataTableClientOptions<TData> & {
+export type DataTableClientProviderProps<TData extends RowData> = UseDataTableClientOptions<TData> & {
     readonly loading?: boolean;
     readonly className?: string;
     readonly children: ReactNode;
 };
-export declare function ClientProvider<TData>(props: DataTableClientProviderProps<TData>): import("react").JSX.Element;
+export declare function ClientProvider<TData extends RowData>(props: DataTableClientProviderProps<TData>): import("react").JSX.Element;

package/dist/components/features/data-table/core/data-table-context.d.ts

@@ -1,7 +1,47 @@
-import type { Table } from '@tanstack/react-table';
+import type { ReactTable, RowData } from '@tanstack/react-table';
 import type { DataTableContextValue, DataTableStore } from '../types';
+import type { DataTableFeatures } from './features';
 export declare const DataTableStoreContext: import("react").Context<DataTableStore<any> | null>;
-export declare const TableInstanceContext: import("react").Context<Table<any> | null>;
+export declare const TableInstanceContext: import("react").Context<ReactTable<{
+    columnFilteringFeature: import("@tanstack/react-table").TableFeature;
+    columnSizingFeature: import("@tanstack/react-table").TableFeature;
+    columnVisibilityFeature: import("@tanstack/react-table").TableFeature;
+    globalFilteringFeature: import("@tanstack/react-table").TableFeature;
+    rowPaginationFeature: import("@tanstack/react-table").TableFeature;
+    rowSelectionFeature: import("@tanstack/react-table").TableFeature;
+    rowSortingFeature: import("@tanstack/react-table").TableFeature;
+    filteredRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+    paginatedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+    sortedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+    filterFns: {
+        arrIncludes: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        arrIncludesAll: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        arrHas: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        arrIncludesSome: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        between: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        betweenInclusive: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        empty: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        endsWith: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        equals: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        equalsString: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        equalsStringSensitive: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        inDateRange: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        inNumberRange: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        includesString: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        includesStringSensitive: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        notEmpty: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        startsWith: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        weakEquals: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+    };
+    sortFns: {
+        alphanumeric: import("@tanstack/react-table").CreatedSortFn<any, any>;
+        alphanumericCaseSensitive: import("@tanstack/react-table").CreatedSortFn<any, any>;
+        basic: import("@tanstack/react-table").CreatedSortFn<any, any>;
+        datetime: import("@tanstack/react-table").CreatedSortFn<any, any>;
+        text: import("@tanstack/react-table").CreatedSortFn<any, any>;
+        textCaseSensitive: import("@tanstack/react-table").CreatedSortFn<any, any>;
+    };
+}, any> | null>;
 /**
  * Monotonic counter that increments on every store mutation.
  * Table-dependent hooks consume this context to force re-renders
@@ -18,15 +58,15 @@ export declare const DataTableRenderKeyContext: import("react").Context<number>;
 export declare function useRenderKey(): number;
 export declare const DataTableContext: import("react").Context<DataTableContextValue<any> | null>;
 /** @deprecated Use selector hooks from hooks/use-selectors instead */
-export declare function useDataTableContext<TData>(): DataTableContextValue<TData>;
-export declare function useDataTableStore<TData>(): DataTableStore<TData>;
+export declare function useDataTableContext<TData extends RowData>(): DataTableContextValue<TData>;
+export declare function useDataTableStore<TData extends RowData>(): DataTableStore<TData>;
 /**
  * @deprecated Use `useTableInstanceOrNull` instead — this throws during the
  * SSR/hydration window when the table instance is not yet mounted.
  */
-export declare function useTableInstance<TData>(): Table<TData>;
+export declare function useTableInstance<TData extends RowData>(): ReactTable<DataTableFeatures, TData>;
 /**
  * Returns the table instance or null if not yet available.
  * Used by hooks that need to handle the null-table window during SSR.
  */
-export declare function useTableInstanceOrNull<TData>(): Table<TData> | null;
+export declare function useTableInstanceOrNull<TData extends RowData>(): ReactTable<DataTableFeatures, TData> | null;

package/dist/components/features/data-table/core/features.d.ts

@@ -0,0 +1,59 @@
+/**
+ * The single TanStack Table v9 feature set used by every table in this package.
+ *
+ * v9 made features opt-in and threaded a `TFeatures` generic through every
+ * public type (`ColumnDef<TFeatures, TData, TValue>`, `Row<TFeatures, TData>`,
+ * ...). Leaving that generic open would push the parameter into every exported
+ * type in this library and force consumers to thread it through their own code.
+ *
+ * Declaring one concrete feature set and referencing `DataTableFeatures`
+ * internally keeps our public types parameterised on `TData` alone, which is
+ * what they were in v8.
+ *
+ * `data-table` needs sorting, pagination and row selection; `grouped-table`
+ * additionally needs global filtering for its search box. Both need column
+ * sizing (`columnDef.size` drives the shared grid template) and column
+ * visibility (`enableHiding` on the injected selection column). The set is the
+ * union rather than `stockFeatures` so unused features stay out of the bundle.
+ */
+export declare const dataTableFeatures: {
+    columnFilteringFeature: import("@tanstack/react-table").TableFeature;
+    columnSizingFeature: import("@tanstack/react-table").TableFeature;
+    columnVisibilityFeature: import("@tanstack/react-table").TableFeature;
+    globalFilteringFeature: import("@tanstack/react-table").TableFeature;
+    rowPaginationFeature: import("@tanstack/react-table").TableFeature;
+    rowSelectionFeature: import("@tanstack/react-table").TableFeature;
+    rowSortingFeature: import("@tanstack/react-table").TableFeature;
+    filteredRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+    paginatedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+    sortedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+    filterFns: {
+        arrIncludes: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        arrIncludesAll: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        arrHas: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        arrIncludesSome: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        between: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        betweenInclusive: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        empty: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        endsWith: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        equals: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        equalsString: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        equalsStringSensitive: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        inDateRange: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        inNumberRange: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        includesString: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        includesStringSensitive: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        notEmpty: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        startsWith: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        weakEquals: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+    };
+    sortFns: {
+        alphanumeric: import("@tanstack/react-table").CreatedSortFn<any, any>;
+        alphanumericCaseSensitive: import("@tanstack/react-table").CreatedSortFn<any, any>;
+        basic: import("@tanstack/react-table").CreatedSortFn<any, any>;
+        datetime: import("@tanstack/react-table").CreatedSortFn<any, any>;
+        text: import("@tanstack/react-table").CreatedSortFn<any, any>;
+        textCaseSensitive: import("@tanstack/react-table").CreatedSortFn<any, any>;
+    };
+};
+export type DataTableFeatures = typeof dataTableFeatures;

package/dist/components/features/data-table/core/filter-engine.d.ts

@@ -1,3 +1,4 @@
+import type { RowData } from '@tanstack/react-table';
 import type { FilterFn, FilterStrategy } from '../types';
 /**
  * Resolve a dot-path on an object (e.g. "status.registrationApproval").
@@ -12,11 +13,11 @@ interface FilterStrategies {
     [key: string]: FilterFn;
 }
 export declare const FILTER_STRATEGIES: FilterStrategies;
-export interface SearchConfig<TData> {
+export interface SearchConfig<TData extends RowData> {
     searchFn?: (row: TData, query: string) => boolean;
     searchableColumns?: string[];
 }
 /** True when a row matches a free-text query (custom fn → columns → all values). */
-export declare function rowMatchesSearch<TData>(row: TData, search: string, config: SearchConfig<TData>): boolean;
-export declare function applyFilters<TData>(data: TData[], filters: Record<string, unknown>, search: string, registeredFilters: Map<string, FilterStrategy>, customFilterFns: Record<string, FilterFn>, searchConfig: SearchConfig<TData>): TData[];
+export declare function rowMatchesSearch<TData extends RowData>(row: TData, search: string, config: SearchConfig<TData>): boolean;
+export declare function applyFilters<TData extends RowData>(data: TData[], filters: Record<string, unknown>, search: string, registeredFilters: Map<string, FilterStrategy>, customFilterFns: Record<string, FilterFn>, searchConfig: SearchConfig<TData>): TData[];
 export {};

package/dist/components/features/data-table/core/server-provider.d.ts

@@ -1,7 +1,8 @@
+import type { RowData } from '@tanstack/react-table';
 import type { ReactNode } from 'react';
 import type { UseDataTableServerOptions } from '../types';
-export type DataTableServerProviderProps<TResponse, TData> = UseDataTableServerOptions<TResponse, TData> & {
+export type DataTableServerProviderProps<TResponse, TData extends RowData> = UseDataTableServerOptions<TResponse, TData> & {
     readonly className?: string;
     readonly children: ReactNode;
 };
-export declare function ServerProvider<TResponse, TData>(props: DataTableServerProviderProps<TResponse, TData>): import("react").JSX.Element;
+export declare function ServerProvider<TResponse, TData extends RowData>(props: DataTableServerProviderProps<TResponse, TData>): import("react").JSX.Element;

package/dist/components/features/data-table/core/store.d.ts

@@ -1,2 +1,3 @@
+import type { RowData } from '@tanstack/react-table';
 import type { CreateStoreOptions, DataTableStore } from '../types';
-export declare function createDataTableStore<TData>(options: CreateStoreOptions<TData>): DataTableStore<TData>;
+export declare function createDataTableStore<TData extends RowData>(options: CreateStoreOptions<TData>): DataTableStore<TData>;

package/dist/components/features/data-table/hooks/use-data-table-client.d.ts

@@ -1,8 +1,9 @@
-import type { ColumnDef } from '@tanstack/react-table';
+import type { ColumnDef, RowData } from '@tanstack/react-table';
+import type { DataTableFeatures } from '../core/features';
 import type { DataTableStore, SelectionColumnOptions, StateAdapter, UseDataTableClientOptions } from '../types';
 export type { UseDataTableClientOptions };
-export interface UseClientTableOptions<TData> {
-    readonly columns: ColumnDef<TData, unknown>[];
+export interface UseClientTableOptions<TData extends RowData> {
+    readonly columns: ColumnDef<DataTableFeatures, TData, unknown>[];
     readonly getRowId?: (row: TData) => string;
     readonly enableRowSelection?: boolean | SelectionColumnOptions<TData>;
     readonly stateAdapter?: StateAdapter;
@@ -11,10 +12,88 @@ export interface UseClientTableOptions<TData> {
  * Creates a TanStack Table instance from an existing store.
  * Does NOT create the store or sync data — the caller is responsible for that.
  */
-export declare function useClientTable<TData>(store: DataTableStore<TData>, options: UseClientTableOptions<TData>): {
-    table: import("@tanstack/react-table").Table<TData>;
+export declare function useClientTable<TData extends RowData>(store: DataTableStore<TData>, options: UseClientTableOptions<TData>): {
+    table: import("@tanstack/react-table").ReactTable<{
+        columnFilteringFeature: import("@tanstack/react-table").TableFeature;
+        columnSizingFeature: import("@tanstack/react-table").TableFeature;
+        columnVisibilityFeature: import("@tanstack/react-table").TableFeature;
+        globalFilteringFeature: import("@tanstack/react-table").TableFeature;
+        rowPaginationFeature: import("@tanstack/react-table").TableFeature;
+        rowSelectionFeature: import("@tanstack/react-table").TableFeature;
+        rowSortingFeature: import("@tanstack/react-table").TableFeature;
+        filteredRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+        paginatedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+        sortedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+        filterFns: {
+            arrIncludes: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            arrIncludesAll: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            arrHas: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            arrIncludesSome: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            between: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            betweenInclusive: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            empty: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            endsWith: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            equals: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            equalsString: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            equalsStringSensitive: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            inDateRange: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            inNumberRange: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            includesString: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            includesStringSensitive: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            notEmpty: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            startsWith: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            weakEquals: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        };
+        sortFns: {
+            alphanumeric: import("@tanstack/react-table").CreatedSortFn<any, any>;
+            alphanumericCaseSensitive: import("@tanstack/react-table").CreatedSortFn<any, any>;
+            basic: import("@tanstack/react-table").CreatedSortFn<any, any>;
+            datetime: import("@tanstack/react-table").CreatedSortFn<any, any>;
+            text: import("@tanstack/react-table").CreatedSortFn<any, any>;
+            textCaseSensitive: import("@tanstack/react-table").CreatedSortFn<any, any>;
+        };
+    }, TData, import("@tanstack/react-table").TableState_ColumnFiltering & import("@tanstack/react-table").TableState_ColumnSizing & import("@tanstack/react-table").TableState_ColumnVisibility & import("@tanstack/react-table").TableState_GlobalFiltering & import("@tanstack/react-table").TableState_RowPagination & import("@tanstack/react-table").TableState_RowSelection & import("@tanstack/react-table").TableState_RowSorting>;
 };
-export declare function useDataTableClient<TData>(options: UseDataTableClientOptions<TData>): {
+export declare function useDataTableClient<TData extends RowData>(options: UseDataTableClientOptions<TData>): {
     store: DataTableStore<TData>;
-    table: import("@tanstack/react-table").Table<TData>;
+    table: import("@tanstack/react-table").ReactTable<{
+        columnFilteringFeature: import("@tanstack/react-table").TableFeature;
+        columnSizingFeature: import("@tanstack/react-table").TableFeature;
+        columnVisibilityFeature: import("@tanstack/react-table").TableFeature;
+        globalFilteringFeature: import("@tanstack/react-table").TableFeature;
+        rowPaginationFeature: import("@tanstack/react-table").TableFeature;
+        rowSelectionFeature: import("@tanstack/react-table").TableFeature;
+        rowSortingFeature: import("@tanstack/react-table").TableFeature;
+        filteredRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+        paginatedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+        sortedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+        filterFns: {
+            arrIncludes: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            arrIncludesAll: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            arrHas: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            arrIncludesSome: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            between: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            betweenInclusive: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            empty: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            endsWith: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            equals: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            equalsString: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            equalsStringSensitive: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            inDateRange: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            inNumberRange: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            includesString: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            includesStringSensitive: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            notEmpty: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            startsWith: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            weakEquals: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        };
+        sortFns: {
+            alphanumeric: import("@tanstack/react-table").CreatedSortFn<any, any>;
+            alphanumericCaseSensitive: import("@tanstack/react-table").CreatedSortFn<any, any>;
+            basic: import("@tanstack/react-table").CreatedSortFn<any, any>;
+            datetime: import("@tanstack/react-table").CreatedSortFn<any, any>;
+            text: import("@tanstack/react-table").CreatedSortFn<any, any>;
+            textCaseSensitive: import("@tanstack/react-table").CreatedSortFn<any, any>;
+        };
+    }, TData, import("@tanstack/react-table").TableState_ColumnFiltering & import("@tanstack/react-table").TableState_ColumnSizing & import("@tanstack/react-table").TableState_ColumnVisibility & import("@tanstack/react-table").TableState_GlobalFiltering & import("@tanstack/react-table").TableState_RowPagination & import("@tanstack/react-table").TableState_RowSelection & import("@tanstack/react-table").TableState_RowSorting>;
 };

package/dist/components/features/data-table/hooks/use-data-table-server.d.ts

@@ -1,8 +1,9 @@
-import type { ColumnDef } from '@tanstack/react-table';
+import type { ColumnDef, RowData } from '@tanstack/react-table';
+import type { DataTableFeatures } from '../core/features';
 import type { DataTableStore, SelectionColumnOptions, ServerFetchArgs, ServerTransformResult, StateAdapter, UseDataTableServerOptions } from '../types';
 export type { UseDataTableServerOptions };
-export interface UseServerTableOptions<TResponse, TData> {
-    readonly columns: ColumnDef<TData, unknown>[];
+export interface UseServerTableOptions<TResponse, TData extends RowData> {
+    readonly columns: ColumnDef<DataTableFeatures, TData, unknown>[];
     readonly fetchFn: (args: ServerFetchArgs) => Promise<TResponse>;
     readonly transform: (response: TResponse) => ServerTransformResult<TData>;
     readonly limit?: number;
@@ -15,10 +16,88 @@ export interface UseServerTableOptions<TResponse, TData> {
  * Handles fetch-on-query-change, cursor pagination, and state adapter sync.
  * Does NOT create the store — the caller is responsible for that.
  */
-export declare function useServerTable<TResponse, TData>(store: DataTableStore<TData>, options: UseServerTableOptions<TResponse, TData>): {
-    table: import("@tanstack/react-table").Table<TData>;
+export declare function useServerTable<TResponse, TData extends RowData>(store: DataTableStore<TData>, options: UseServerTableOptions<TResponse, TData>): {
+    table: import("@tanstack/react-table").ReactTable<{
+        columnFilteringFeature: import("@tanstack/react-table").TableFeature;
+        columnSizingFeature: import("@tanstack/react-table").TableFeature;
+        columnVisibilityFeature: import("@tanstack/react-table").TableFeature;
+        globalFilteringFeature: import("@tanstack/react-table").TableFeature;
+        rowPaginationFeature: import("@tanstack/react-table").TableFeature;
+        rowSelectionFeature: import("@tanstack/react-table").TableFeature;
+        rowSortingFeature: import("@tanstack/react-table").TableFeature;
+        filteredRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+        paginatedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+        sortedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+        filterFns: {
+            arrIncludes: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            arrIncludesAll: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            arrHas: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            arrIncludesSome: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            between: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            betweenInclusive: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            empty: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            endsWith: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            equals: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            equalsString: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            equalsStringSensitive: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            inDateRange: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            inNumberRange: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            includesString: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            includesStringSensitive: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            notEmpty: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            startsWith: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            weakEquals: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        };
+        sortFns: {
+            alphanumeric: import("@tanstack/react-table").CreatedSortFn<any, any>;
+            alphanumericCaseSensitive: import("@tanstack/react-table").CreatedSortFn<any, any>;
+            basic: import("@tanstack/react-table").CreatedSortFn<any, any>;
+            datetime: import("@tanstack/react-table").CreatedSortFn<any, any>;
+            text: import("@tanstack/react-table").CreatedSortFn<any, any>;
+            textCaseSensitive: import("@tanstack/react-table").CreatedSortFn<any, any>;
+        };
+    }, TData, import("@tanstack/react-table").TableState_ColumnFiltering & import("@tanstack/react-table").TableState_ColumnSizing & import("@tanstack/react-table").TableState_ColumnVisibility & import("@tanstack/react-table").TableState_GlobalFiltering & import("@tanstack/react-table").TableState_RowPagination & import("@tanstack/react-table").TableState_RowSelection & import("@tanstack/react-table").TableState_RowSorting>;
 };
-export declare function useDataTableServer<TResponse, TData>(options: UseDataTableServerOptions<TResponse, TData>): {
+export declare function useDataTableServer<TResponse, TData extends RowData>(options: UseDataTableServerOptions<TResponse, TData>): {
     store: DataTableStore<TData>;
-    table: import("@tanstack/react-table").Table<TData>;
+    table: import("@tanstack/react-table").ReactTable<{
+        columnFilteringFeature: import("@tanstack/react-table").TableFeature;
+        columnSizingFeature: import("@tanstack/react-table").TableFeature;
+        columnVisibilityFeature: import("@tanstack/react-table").TableFeature;
+        globalFilteringFeature: import("@tanstack/react-table").TableFeature;
+        rowPaginationFeature: import("@tanstack/react-table").TableFeature;
+        rowSelectionFeature: import("@tanstack/react-table").TableFeature;
+        rowSortingFeature: import("@tanstack/react-table").TableFeature;
+        filteredRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+        paginatedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+        sortedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+        filterFns: {
+            arrIncludes: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            arrIncludesAll: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            arrHas: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            arrIncludesSome: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            between: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            betweenInclusive: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            empty: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            endsWith: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            equals: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            equalsString: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            equalsStringSensitive: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            inDateRange: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            inNumberRange: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            includesString: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            includesStringSensitive: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            notEmpty: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            startsWith: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+            weakEquals: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+        };
+        sortFns: {
+            alphanumeric: import("@tanstack/react-table").CreatedSortFn<any, any>;
+            alphanumericCaseSensitive: import("@tanstack/react-table").CreatedSortFn<any, any>;
+            basic: import("@tanstack/react-table").CreatedSortFn<any, any>;
+            datetime: import("@tanstack/react-table").CreatedSortFn<any, any>;
+            text: import("@tanstack/react-table").CreatedSortFn<any, any>;
+            textCaseSensitive: import("@tanstack/react-table").CreatedSortFn<any, any>;
+        };
+    }, TData, import("@tanstack/react-table").TableState_ColumnFiltering & import("@tanstack/react-table").TableState_ColumnSizing & import("@tanstack/react-table").TableState_ColumnVisibility & import("@tanstack/react-table").TableState_GlobalFiltering & import("@tanstack/react-table").TableState_RowPagination & import("@tanstack/react-table").TableState_RowSelection & import("@tanstack/react-table").TableState_RowSorting>;
 };

package/dist/components/features/data-table/hooks/use-selectors.d.ts

@@ -1,4 +1,5 @@
-import type { HeaderGroup, Row } from '@tanstack/react-table';
+import type { HeaderGroup, Row, RowData } from '@tanstack/react-table';
+import type { DataTableFeatures } from '../core/features';
 import type { InlineContentEntry } from '../types';
 export declare function useDataTableFilters(): {
     filters: import("..").FilterValue;
@@ -17,7 +18,7 @@ export declare function useDataTableSorting(): {
     sorting: import("@tanstack/react-table").SortingState;
     setSorting: (sorting: import("@tanstack/react-table").SortingState) => void;
 };
-export declare function useDataTableSelection<TData>(): {
+export declare function useDataTableSelection<TData extends RowData>(): {
     rowSelection: import("@tanstack/react-table").RowSelectionState;
     setRowSelection: (selection: import("@tanstack/react-table").RowSelectionState) => void;
     selectedRows: TData[];
@@ -35,9 +36,9 @@ export declare function useDataTablePagination(): {
     setPageSize: (size: number) => void;
     totalRows: number;
 };
-export declare function useDataTableRows<TData>(): {
-    rows: Row<TData>[];
-    headerGroups: HeaderGroup<TData>[];
+export declare function useDataTableRows<TData extends RowData>(): {
+    rows: Row<DataTableFeatures, TData>[];
+    headerGroups: HeaderGroup<DataTableFeatures, TData>[];
     totalColumns: number;
 };
 export declare function useDataTableLoading(): {
@@ -45,7 +46,7 @@ export declare function useDataTableLoading(): {
     error: Error | null;
     columnCount: number;
 };
-export declare function useDataTableInlineContents<TData>(): {
+export declare function useDataTableInlineContents<TData extends RowData>(): {
     inlineContents: readonly InlineContentEntry<TData>[];
     registerInlineContent: (entry: InlineContentEntry<TData>) => void;
     unregisterInlineContent: (id: string) => void;

package/dist/components/features/data-table/index.d.ts

@@ -4,6 +4,8 @@ export { createSelectionColumn } from './columns/selection-column';
 export { DataTableColumnHeader } from './components/column-header';
 export { DataTableRowActions } from './components/row-actions';
 export { DEFAULT_DEBOUNCE_MS, DEFAULT_LOADING_ROWS, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZES, } from './constants';
+export { dataTableFeatures } from './core/features';
+export type { DataTableFeatures } from './core/features';
 export { resolvePath, rowMatchesSearch } from './core/filter-engine';
 export type { SearchConfig } from './core/filter-engine';
 export { createDataTableStore } from './core/store';

package/dist/components/features/data-table/types.d.ts

@@ -1,6 +1,7 @@
-import type { Cell, Column, ColumnDef, Row, RowSelectionState, SortingState, Table } from '@tanstack/react-table';
+import type { Cell, Column, ColumnDef, ReactTable, Row, RowData, RowSelectionState, SortingState, Table } from '@tanstack/react-table';
 import type { ReactNode } from 'react';
 import type { ActionItem } from '../more-actions';
+import type { DataTableFeatures } from './core/features';
 export type { ActionItem } from '../more-actions';
 export interface FilterOption {
     readonly label: string;
@@ -71,16 +72,16 @@ export interface ServerFetchArgs {
     readonly filters: FilterValue;
     readonly search: string;
 }
-export interface ServerTransformResult<TData> {
+export interface ServerTransformResult<TData extends RowData> {
     readonly data: TData[];
     readonly cursor?: string;
     readonly hasNextPage: boolean;
 }
-export interface InlineContentRenderParams<TData> {
+export interface InlineContentRenderParams<TData extends RowData> {
     readonly onClose: () => void;
     readonly rowData: TData | null;
 }
-export interface InlineContentEntry<TData> {
+export interface InlineContentEntry<TData extends RowData> {
     readonly id: string;
     readonly position: 'top' | 'row';
     readonly rowId?: string;
@@ -89,7 +90,7 @@ export interface InlineContentEntry<TData> {
     readonly className?: string;
     readonly render: (params: InlineContentRenderParams<TData>) => ReactNode;
 }
-export interface InlineContentProps<TData> {
+export interface InlineContentProps<TData extends RowData> {
     readonly position: 'top' | 'row';
     readonly rowId?: string;
     readonly open: boolean;
@@ -97,22 +98,22 @@ export interface InlineContentProps<TData> {
     readonly className?: string;
     readonly children: (params: InlineContentRenderParams<TData>) => ReactNode;
 }
-export interface SelectionColumnOptions<TData = unknown> {
+export interface SelectionColumnOptions<TData extends RowData = Record<string, any>> {
     /** CSS class for cell checkboxes */
     readonly className?: string;
     /** CSS class for header checkbox */
     readonly headerClassName?: string;
     /** Custom header render (replaces default "select all" checkbox) */
     readonly renderHeader?: (props: {
-        table: Table<TData>;
+        table: Table<DataTableFeatures, TData>;
     }) => ReactNode;
     /** Custom cell render (replaces default row checkbox) */
     readonly renderCell?: (props: {
-        row: Row<TData>;
+        row: Row<DataTableFeatures, TData>;
     }) => ReactNode;
 }
-export interface DataTableContextValue<TData> {
-    readonly table: Table<TData>;
+export interface DataTableContextValue<TData extends RowData> {
+    readonly table: ReactTable<DataTableFeatures, TData>;
     readonly mode: 'client' | 'server';
     readonly sorting: SortingState;
     readonly filters: FilterValue;
@@ -131,9 +132,9 @@ export interface DataTableContextValue<TData> {
     readonly registerInlineContent: (entry: InlineContentEntry<TData>) => void;
     readonly unregisterInlineContent: (id: string) => void;
 }
-export interface UseDataTableClientOptions<TData> {
+export interface UseDataTableClientOptions<TData extends RowData> {
     readonly data: TData[];
-    readonly columns: ColumnDef<TData, unknown>[];
+    readonly columns: ColumnDef<DataTableFeatures, TData, unknown>[];
     readonly pageSize?: number;
     readonly getRowId?: (row: TData) => string;
     readonly enableRowSelection?: boolean | SelectionColumnOptions<TData>;
@@ -144,8 +145,8 @@ export interface UseDataTableClientOptions<TData> {
     readonly filterFns?: FilterFnMap;
     readonly stateAdapter?: StateAdapter;
 }
-export interface UseDataTableServerOptions<TResponse, TData> {
-    readonly columns: ColumnDef<TData, unknown>[];
+export interface UseDataTableServerOptions<TResponse, TData extends RowData> {
+    readonly columns: ColumnDef<DataTableFeatures, TData, unknown>[];
     readonly fetchFn: (args: ServerFetchArgs) => Promise<TResponse>;
     readonly transform: (response: TResponse) => ServerTransformResult<TData>;
     readonly limit?: number;
@@ -155,9 +156,9 @@ export interface UseDataTableServerOptions<TResponse, TData> {
     readonly defaultFilters?: FilterValue;
     readonly stateAdapter?: StateAdapter;
 }
-interface DataTableBaseProps<TData> {
+interface DataTableBaseProps<TData extends RowData> {
     readonly data: TData[];
-    readonly columns: ColumnDef<TData, unknown>[];
+    readonly columns: ColumnDef<DataTableFeatures, TData, unknown>[];
     readonly sorting: SortingState;
     readonly setSorting: (sorting: SortingState) => void;
     readonly filters: FilterValue;
@@ -174,12 +175,12 @@ interface DataTableBaseProps<TData> {
     readonly className?: string;
     readonly children: ReactNode;
 }
-export interface DataTableClientProps<TData> extends DataTableBaseProps<TData> {
+export interface DataTableClientProps<TData extends RowData> extends DataTableBaseProps<TData> {
     readonly pagination: ClientPaginationState;
     readonly searchableColumns?: string[];
     readonly searchFn?: (row: TData, search: string) => boolean;
 }
-export interface DataTableServerProps<TData> extends DataTableBaseProps<TData> {
+export interface DataTableServerProps<TData extends RowData> extends DataTableBaseProps<TData> {
     readonly isLoading: boolean;
     readonly pagination: ServerPaginationState;
 }
@@ -224,24 +225,24 @@ export interface FilterCheckboxProps {
     readonly sheetTitle?: string;
     readonly modal?: boolean;
 }
-export interface ColumnHeaderProps<TData, TValue> {
-    readonly column: Column<TData, TValue>;
+export interface ColumnHeaderProps<TData extends RowData, TValue> {
+    readonly column: Column<DataTableFeatures, TData, TValue>;
     readonly title: string;
     readonly className?: string;
 }
-export interface RowActionsProps<TData> {
-    readonly row: Row<TData>;
+export interface RowActionsProps<TData extends RowData> {
+    readonly row: Row<DataTableFeatures, TData>;
     readonly actions: readonly ActionItem<TData>[];
     readonly isLoading?: boolean;
     readonly className?: string;
     readonly responsive?: boolean;
     readonly sheetTitle?: string;
 }
-export interface BulkActionsProps<TData> {
+export interface BulkActionsProps<TData extends RowData> {
     readonly children: (selectedRows: TData[]) => ReactNode;
     readonly className?: string;
 }
-export interface ContentProps<TData = unknown> {
+export interface ContentProps<TData extends RowData = Record<string, any>> {
     readonly emptyMessage?: ReactNode;
     readonly className?: string;
     readonly tableClassName?: string;
@@ -249,8 +250,8 @@ export interface ContentProps<TData = unknown> {
     readonly headerRowClassName?: string;
     readonly headerCellClassName?: string;
     readonly bodyClassName?: string;
-    readonly rowClassName?: string | ((row: Row<TData>) => string);
-    readonly cellClassName?: string | ((cell: Cell<TData, unknown>) => string);
+    readonly rowClassName?: string | ((row: Row<DataTableFeatures, TData>) => string);
+    readonly cellClassName?: string | ((cell: Cell<DataTableFeatures, TData, unknown>) => string);
 }
 export interface PaginationProps {
     readonly pageSizes?: readonly number[];
@@ -282,7 +283,7 @@ export interface LoadingProps {
     readonly className?: string;
 }
 export type FilterStrategy = 'checkbox' | 'select' | 'date-gte' | 'date-lte' | FilterFn;
-export interface DataTableStoreState<TData> {
+export interface DataTableStoreState<TData extends RowData> {
     readonly data: TData[];
     readonly filteredData: TData[];
     readonly sorting: SortingState;
@@ -299,7 +300,7 @@ export interface DataTableStoreState<TData> {
     /** Monotonic counter incremented on every state change. Used by table-dependent selectors to detect updates. */
     readonly _version: number;
 }
-export interface DataTableStore<TData> {
+export interface DataTableStore<TData extends RowData> {
     readonly getSnapshot: () => DataTableStoreState<TData>;
     readonly subscribe: (listener: () => void) => () => void;
     readonly setData: (data: TData[]) => void;
@@ -321,7 +322,7 @@ export interface DataTableStore<TData> {
     readonly registerInlineContent: (entry: InlineContentEntry<TData>) => void;
     readonly unregisterInlineContent: (id: string) => void;
 }
-export interface CreateStoreOptions<TData> {
+export interface CreateStoreOptions<TData extends RowData> {
     readonly data: TData[];
     readonly mode: 'client' | 'server';
     readonly defaultSort?: SortingState;

package/dist/components/features/grouped-table/grouped-table.d.ts

@@ -1,2 +1,3 @@
+import type { RowData } from '@tanstack/react-table';
 import type { GroupedTableProps } from './types';
-export declare function GroupedTable<TData>(props: GroupedTableProps<TData>): import("react").JSX.Element;
+export declare function GroupedTable<TData extends RowData>(props: GroupedTableProps<TData>): import("react").JSX.Element;

package/dist/components/features/grouped-table/lib/bucket-rows.d.ts

@@ -1,4 +1,5 @@
-import type { Row } from '@tanstack/react-table';
+import type { Row, RowData } from '@tanstack/react-table';
+import type { DataTableFeatures } from '../../data-table/core/features';
 interface GroupLike {
     id: string;
     rows: unknown[];
@@ -9,5 +10,5 @@ interface GroupLike {
  * positions to learn which row id belongs to which group, so bucketing is correct
  * regardless of a custom getRowId.
  */
-export declare function bucketRows<TData>(groups: GroupLike[], coreRows: Row<TData>[], filteredRows: Row<TData>[]): Map<string, Row<TData>[]>;
+export declare function bucketRows<TData extends RowData>(groups: GroupLike[], coreRows: Row<DataTableFeatures, TData>[], filteredRows: Row<DataTableFeatures, TData>[]): Map<string, Row<DataTableFeatures, TData>[]>;
 export {};

package/dist/components/features/grouped-table/lib/compose-columns.d.ts

@@ -1,10 +1,11 @@
-import type { ColumnDef } from '@tanstack/react-table';
+import type { ColumnDef, RowData } from '@tanstack/react-table';
 import type { SelectionColumnOptions } from '../../data-table';
+import type { DataTableFeatures } from '../../data-table/core/features';
 import type { ActionItem } from '../../more-actions';
-export interface ComposeOptions<TData> {
+export interface ComposeOptions<TData extends RowData> {
     enableRowSelection?: boolean | SelectionColumnOptions<TData>;
     enableSorting?: boolean;
     rowActions?: (row: TData) => ActionItem<TData>[];
     rowActionsSheetTitle?: string;
 }
-export declare function composeColumns<TData>(columns: ColumnDef<TData, unknown>[], options: ComposeOptions<TData>): ColumnDef<TData, unknown>[];
+export declare function composeColumns<TData extends RowData>(columns: ColumnDef<DataTableFeatures, TData, unknown>[], options: ComposeOptions<TData>): ColumnDef<DataTableFeatures, TData, unknown>[];

package/dist/components/features/grouped-table/lib/sort-rows.d.ts

@@ -1,6 +1,7 @@
-import type { Row, SortingState } from '@tanstack/react-table';
+import type { Row, RowData, SortingState } from '@tanstack/react-table';
+import type { DataTableFeatures } from '../../data-table/core/features';
 /**
  * Sort a single group's rows by the active sort (first entry; v1 is single-sort).
  * Returns the same reference when there is no sort, so React can skip re-renders.
  */
-export declare function sortRows<TData>(rows: Row<TData>[], sorting: SortingState): Row<TData>[];
+export declare function sortRows<TData extends RowData>(rows: Row<DataTableFeatures, TData>[], sorting: SortingState): Row<DataTableFeatures, TData>[];

package/dist/components/features/grouped-table/types.d.ts

@@ -1,9 +1,10 @@
-import type { Cell, ColumnDef, Row, RowSelectionState, SortingState } from '@tanstack/react-table';
+import type { Cell, ColumnDef, Row, RowData, RowSelectionState, SortingState } from '@tanstack/react-table';
 import type { ReactNode } from 'react';
 import type { SelectionColumnOptions } from '../data-table';
+import type { DataTableFeatures } from '../data-table/core/features';
 import type { ActionItem } from '../more-actions';
 export type DefaultExpanded = 'all' | 'none' | string[];
-export interface GroupedTableGroup<TData> {
+export interface GroupedTableGroup<TData extends RowData> {
     /** Stable key used for expand state. */
     id: string;
     /** Group header label. */
@@ -14,9 +15,9 @@ export interface GroupedTableGroup<TData> {
     /** Per-group override of the table-level default. */
     defaultOpen?: boolean;
 }
-export interface GroupedTableProps<TData> {
+export interface GroupedTableProps<TData extends RowData> {
     /** TanStack column defs. `size` (px) drives the shared grid template; unsized columns flex. */
-    columns: ColumnDef<TData, unknown>[];
+    columns: ColumnDef<DataTableFeatures, TData, unknown>[];
     groups: GroupedTableGroup<TData>[];
     /** Uncontrolled initial state. Default `'all'`. A string[] opens exactly those ids. */
     defaultExpanded?: DefaultExpanded;
@@ -67,7 +68,7 @@ export interface GroupedTableProps<TData> {
     /** Each group's `<tbody>`. */
     bodyClassName?: string;
     /** Each data `<tr>`; receives the row for per-row styling. */
-    rowClassName?: string | ((row: Row<TData>) => string);
+    rowClassName?: string | ((row: Row<DataTableFeatures, TData>) => string);
     /** Each data `<td>`; receives the cell for per-cell styling. */
-    cellClassName?: string | ((cell: Cell<TData, unknown>) => string);
+    cellClassName?: string | ((cell: Cell<DataTableFeatures, TData, unknown>) => string);
 }

package/dist/components/features/grouped-table/use-grouped-expansion.d.ts

@@ -1,5 +1,6 @@
+import type { RowData } from '@tanstack/react-table';
 import type { DefaultExpanded, GroupedTableGroup } from './types';
-export declare function useGroupedExpansion<TData>(groups: GroupedTableGroup<TData>[], opts: {
+export declare function useGroupedExpansion<TData extends RowData>(groups: GroupedTableGroup<TData>[], opts: {
     defaultExpanded?: DefaultExpanded;
     expanded?: string[];
     onExpandedChange?: (ids: string[]) => void;

package/dist/data-table/index.mjs

@@ -1,2 +1,2 @@
-import { _ as DEFAULT_DEBOUNCE_MS, a as useDataTablePagination, b as DEFAULT_PAGE_SIZES, c as useDataTableSelection, d as resolvePath, f as rowMatchesSearch, g as useNuqsAdapter, h as createSelectionColumn, i as useDataTableLoading, l as useDataTableSorting, m as DataTableColumnHeader, n as useDataTableFilters, o as useDataTableRows, p as DataTableRowActions, r as useDataTableInlineContents, s as useDataTableSearch, t as DataTable, u as createDataTableStore, v as DEFAULT_LOADING_ROWS, y as DEFAULT_PAGE_SIZE } from "../data-table-mByk373T.mjs";
-export { DEFAULT_DEBOUNCE_MS, DEFAULT_LOADING_ROWS, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZES, DataTable, DataTableColumnHeader, DataTableRowActions, createDataTableStore, createSelectionColumn, resolvePath, rowMatchesSearch, useDataTableFilters, useDataTableInlineContents, useDataTableLoading, useDataTablePagination, useDataTableRows, useDataTableSearch, useDataTableSelection, useDataTableSorting, useNuqsAdapter };
+import { _ as useNuqsAdapter, a as useDataTablePagination, b as DEFAULT_PAGE_SIZE, c as useDataTableSelection, d as resolvePath, f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, i as useDataTableLoading, l as useDataTableSorting, m as DataTableRowActions, n as useDataTableFilters, o as useDataTableRows, p as dataTableFeatures, r as useDataTableInlineContents, s as useDataTableSearch, t as DataTable, u as createDataTableStore, v as DEFAULT_DEBOUNCE_MS, x as DEFAULT_PAGE_SIZES, y as DEFAULT_LOADING_ROWS } from "../data-table-DjGvAdO_.mjs";
+export { DEFAULT_DEBOUNCE_MS, DEFAULT_LOADING_ROWS, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZES, DataTable, DataTableColumnHeader, DataTableRowActions, createDataTableStore, createSelectionColumn, dataTableFeatures, resolvePath, rowMatchesSearch, useDataTableFilters, useDataTableInlineContents, useDataTableLoading, useDataTablePagination, useDataTableRows, useDataTableSearch, useDataTableSelection, useDataTableSorting, useNuqsAdapter };

package/dist/{data-table-mByk373T.mjs → data-table-DjGvAdO_.mjs}

@@ -16,7 +16,7 @@ import { ArrowDown, ArrowUp, ArrowUpDown, ChevronLeft, ChevronRight, MoreHorizon
 import { createContext, memo, use, useCallback, useContext, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { parseAsInteger, parseAsString, useQueryStates } from "nuqs";
-import { flexRender, getCoreRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
+import { columnFilteringFeature, columnSizingFeature, columnVisibilityFeature, createFilteredRowModel, createPaginatedRowModel, createSortedRowModel, filterFns, flexRender, globalFilteringFeature, rowPaginationFeature, rowSelectionFeature, rowSortingFeature, sortFns, tableFeatures, useTable } from "@tanstack/react-table";
 //#region src/components/features/data-table/constants.ts
 const DEFAULT_PAGE_SIZE = 20;
 const DEFAULT_PAGE_SIZES = [
@@ -206,6 +206,40 @@ function DataTableRowActions({ row, actions, isLoading = false, className, respo
 	});
 }
 //#endregion
+//#region src/components/features/data-table/core/features.ts
+/**
+* The single TanStack Table v9 feature set used by every table in this package.
+*
+* v9 made features opt-in and threaded a `TFeatures` generic through every
+* public type (`ColumnDef<TFeatures, TData, TValue>`, `Row<TFeatures, TData>`,
+* ...). Leaving that generic open would push the parameter into every exported
+* type in this library and force consumers to thread it through their own code.
+*
+* Declaring one concrete feature set and referencing `DataTableFeatures`
+* internally keeps our public types parameterised on `TData` alone, which is
+* what they were in v8.
+*
+* `data-table` needs sorting, pagination and row selection; `grouped-table`
+* additionally needs global filtering for its search box. Both need column
+* sizing (`columnDef.size` drives the shared grid template) and column
+* visibility (`enableHiding` on the injected selection column). The set is the
+* union rather than `stockFeatures` so unused features stay out of the bundle.
+*/
+const dataTableFeatures = tableFeatures({
+	columnFilteringFeature,
+	columnSizingFeature,
+	columnVisibilityFeature,
+	globalFilteringFeature,
+	rowPaginationFeature,
+	rowSelectionFeature,
+	rowSortingFeature,
+	filteredRowModel: createFilteredRowModel(),
+	paginatedRowModel: createPaginatedRowModel(),
+	sortedRowModel: createSortedRowModel(),
+	filterFns,
+	sortFns
+});
+//#endregion
 //#region src/components/features/data-table/core/filter-engine.ts
 /**
 * Resolve a dot-path on an object (e.g. "status.registrationApproval").
@@ -1107,7 +1141,8 @@ function useClientTable(store, options) {
 	const { columns, getRowId, enableRowSelection = false, stateAdapter } = options;
 	const resolvedColumns = useMemo(() => enableRowSelection ? withSelectionColumn(columns, typeof enableRowSelection === "object" ? enableRowSelection : {}) : columns, [columns, enableRowSelection]);
 	const { filteredData, sorting, rowSelection, pageIndex, pageSize: storePageSize, filters, search } = useSyncExternalStore(store.subscribe, store.getSnapshot, store.getSnapshot);
-	const table = useReactTable({
+	const table = useTable({
+		features: dataTableFeatures,
 		data: filteredData,
 		columns: resolvedColumns,
 		state: {
@@ -1133,9 +1168,6 @@ function useClientTable(store, options) {
 			}) : updater;
 			store.setPagination(next.pageIndex, next.pageSize);
 		},
-		getCoreRowModel: getCoreRowModel(),
-		getSortedRowModel: getSortedRowModel(),
-		getPaginationRowModel: getPaginationRowModel(),
 		getRowId,
 		enableRowSelection: !!enableRowSelection
 	});
@@ -1345,7 +1377,8 @@ function useServerTable(store, options) {
 		store
 	]);
 	const resolvedColumns = useMemo(() => enableRowSelection ? withSelectionColumn(columns, typeof enableRowSelection === "object" ? enableRowSelection : {}) : columns, [columns, enableRowSelection]);
-	const table = useReactTable({
+	const table = useTable({
+		features: dataTableFeatures,
 		data: store.getSnapshot().data,
 		columns: resolvedColumns,
 		state: {
@@ -1360,7 +1393,6 @@ function useServerTable(store, options) {
 		manualSorting: true,
 		manualFiltering: true,
 		pageCount: hasNextPageRef.current ? pageIndex + 2 : pageIndex + 1,
-		getCoreRowModel: getCoreRowModel(),
 		getRowId,
 		enableRowSelection: !!enableRowSelection,
 		onSortingChange: (updater) => {
@@ -1579,4 +1611,4 @@ const DataTable = {
 	DatePickerFilter
 };
 //#endregion
-export { DEFAULT_DEBOUNCE_MS as _, useDataTablePagination as a, DEFAULT_PAGE_SIZES as b, useDataTableSelection as c, resolvePath as d, rowMatchesSearch as f, useNuqsAdapter as g, createSelectionColumn as h, useDataTableLoading as i, useDataTableSorting as l, DataTableColumnHeader as m, useDataTableFilters as n, useDataTableRows as o, DataTableRowActions as p, useDataTableInlineContents as r, useDataTableSearch as s, DataTable as t, createDataTableStore as u, DEFAULT_LOADING_ROWS as v, DEFAULT_PAGE_SIZE as y };
+export { useNuqsAdapter as _, useDataTablePagination as a, DEFAULT_PAGE_SIZE as b, useDataTableSelection as c, resolvePath as d, rowMatchesSearch as f, createSelectionColumn as g, DataTableColumnHeader as h, useDataTableLoading as i, useDataTableSorting as l, DataTableRowActions as m, useDataTableFilters as n, useDataTableRows as o, dataTableFeatures as p, useDataTableInlineContents as r, useDataTableSearch as s, DataTable as t, createDataTableStore as u, DEFAULT_DEBOUNCE_MS as v, DEFAULT_PAGE_SIZES as x, DEFAULT_LOADING_ROWS as y };

package/dist/grouped-table/index.mjs

@@ -1,2 +1,2 @@
-import { t as GroupedTable } from "../grouped-table-b2jDEPR6.mjs";
+import { t as GroupedTable } from "../grouped-table-D4J3ioHb.mjs";
 export { GroupedTable };

package/dist/{grouped-table-b2jDEPR6.mjs → grouped-table-D4J3ioHb.mjs}

@@ -5,12 +5,12 @@ import { t as useControllableState } from "./use-controllable-state-Dna7u3r9.mjs
 import { t as Input } from "./input-j4tbmYYz.mjs";
 import { Skeleton } from "./skeleton/index.mjs";
 import { TableBody, TableCell, TableHead, TableHeader, TableRow } from "./table/index.mjs";
-import { f as rowMatchesSearch, h as createSelectionColumn, m as DataTableColumnHeader, p as DataTableRowActions } from "./data-table-mByk373T.mjs";
+import { f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, m as DataTableRowActions, p as dataTableFeatures } from "./data-table-DjGvAdO_.mjs";
 import { n as useDebouncedSearchInput } from "./use-debounced-search-input-yu_F0QBt.mjs";
 import { ChevronRight } from "lucide-react";
 import { useCallback, useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { flexRender, getCoreRowModel, getFilteredRowModel, useReactTable } from "@tanstack/react-table";
+import { flexRender, useTable } from "@tanstack/react-table";
 //#region src/components/features/grouped-table/components/grouped-skeleton.tsx
 function GroupedSkeleton({ columns = 4, groups = 2, rowsPerGroup = 3 }) {
 	return /* @__PURE__ */ jsx("div", {
@@ -216,7 +216,8 @@ function GroupedTable(props) {
 	]);
 	const minWidth = useMemo(() => trackMinWidth(resolvedColumns), [resolvedColumns]);
 	const flatData = useMemo(() => groups.flatMap((g) => g.rows), [groups]);
-	const table = useReactTable({
+	const table = useTable({
+		features: dataTableFeatures,
 		data: flatData,
 		columns: resolvedColumns,
 		state: {
@@ -234,9 +235,7 @@ function GroupedTable(props) {
 			searchFn,
 			searchableColumns
 		}),
-		getRowId,
-		getCoreRowModel: getCoreRowModel(),
-		getFilteredRowModel: getFilteredRowModel()
+		getRowId
 	});
 	const headerGroups = table.getHeaderGroups();
 	const coreRows = table.getCoreRowModel().rows;

package/dist/index.mjs

@@ -53,7 +53,7 @@ import { i as ClientOnly, n as useTheme, r as ThemeScript, t as ThemeProvider }
 import { a as formatJson, c as isValidYaml, d as CodeEditor, i as CodeEditorTabs, l as jsonToYaml, n as jsonSchema, o as formatYaml, r as yamlSchema, s as isValidJson, t as createCodeEditorSchema, u as yamlToJson } from "./types-agDpVXBG.mjs";
 import { t as toast } from "./toast-BUPlDkN3.mjs";
 import { n as Toaster, t as useToast } from "./use-toast-Bpq0yJIT.mjs";
-import { _ as DEFAULT_DEBOUNCE_MS, a as useDataTablePagination, b as DEFAULT_PAGE_SIZES, c as useDataTableSelection, d as resolvePath, f as rowMatchesSearch, g as useNuqsAdapter, h as createSelectionColumn, i as useDataTableLoading, l as useDataTableSorting, m as DataTableColumnHeader, n as useDataTableFilters, o as useDataTableRows, p as DataTableRowActions, r as useDataTableInlineContents, s as useDataTableSearch, t as DataTable, u as createDataTableStore, v as DEFAULT_LOADING_ROWS, y as DEFAULT_PAGE_SIZE } from "./data-table-mByk373T.mjs";
+import { _ as useNuqsAdapter, a as useDataTablePagination, b as DEFAULT_PAGE_SIZE, c as useDataTableSelection, d as resolvePath, f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, i as useDataTableLoading, l as useDataTableSorting, m as DataTableRowActions, n as useDataTableFilters, o as useDataTableRows, p as dataTableFeatures, r as useDataTableInlineContents, s as useDataTableSearch, t as DataTable, u as createDataTableStore, v as DEFAULT_DEBOUNCE_MS, x as DEFAULT_PAGE_SIZES, y as DEFAULT_LOADING_ROWS } from "./data-table-DjGvAdO_.mjs";
 import { t as ActionRow } from "./action-row-DTvs91_3.mjs";
 import { n as useDebouncedSearchInput, t as DEFAULT_SEARCH_DEBOUNCE_MS } from "./use-debounced-search-input-yu_F0QBt.mjs";
 import { t as MultiSelect } from "./multi-select-PHaMEbY-.mjs";
@@ -68,7 +68,7 @@ import { InputWithAddons } from "./input-with-addons/index.mjs";
 import { t as TimePicker } from "./time-picker-B_fN5vhO.mjs";
 import { t as Transfer } from "./transfer-CEq9AhL7.mjs";
 import { a as getResponsiveValue, c as GRID_COLUMNS, d as RESPONSIVE_MAP, i as getGutter, l as GRID_PREFIX, n as Row, o as registerMediaQuery, r as RowContext, s as GRID_BREAKPOINTS, t as Col, u as RESPONSIVE_ARRAY } from "./col-BYGWTB4j.mjs";
-import { t as GroupedTable } from "./grouped-table-b2jDEPR6.mjs";
+import { t as GroupedTable } from "./grouped-table-D4J3ioHb.mjs";
 import { t as InputNumber } from "./input-number-TXmW-X9o.mjs";
 import { a as logoStyles, i as LogoFlat, n as LogoStacked, r as LogoIcon, t as LogoText } from "./logo-text-Dpm5O6Kg.mjs";
 import { t as Logo } from "./logo-C3FxD7jb.mjs";
@@ -82,4 +82,4 @@ import { _ as RedisTaskStorage, a as TaskPanelItem, b as createProjectMetadata,
 import { _ as getShortTimezoneDisplay, a as TimeRangePicker, b as utcToLocalInputString, c as getPresetByKey, d as TimezoneSelector, f as QuickRangesPanel, g as getDefaultTimezoneOptions, h as formatUtcForDisplay, i as formatTimeRangeDisplay, l as getPresetByShortcut, m as createTimezoneOption, n as formatDateForInput, o as DEFAULT_PRESETS, p as CustomRangePanel, r as formatSingleTimeDisplay, s as getDefaultPreset, t as toApiTimeRange, u as getPresetRange, v as localInputStringToUtc, x as zonedDateToUtcString, y as utcStringToZonedDate } from "./to-api-format-43Boq7OR.mjs";
 import { t as useDebounce } from "./hooks-CwZ6hyI1.mjs";
 import { n as toUTCTimestampStartOfDay, t as toUTCTimestampEndOfDay } from "./utils-CA4QEIJ8.mjs";
-export { CustomRangePanel as AbsoluteRangePanel, CustomRangePanel, ActionRow, Alert, AlertDescription, AlertTitle, AppNavigation, Autocomplete, Autosearch, Avatar, AvatarFallback, AvatarImage, AvatarStack, Badge, Blockquote, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDatePicker, CalendarDayButton, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, ClientOnly, CloseIcon, Code, CodeEditor, CodeEditorTabs, Col, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DEFAULT_DEBOUNCE_MS, DEFAULT_LOADING_ROWS, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZES, DEFAULT_PRESETS, DEFAULT_SEARCH_DEBOUNCE_MS, DataTable, DataTableColumnHeader, DataTableRowActions, DateTimePicker, Dialog, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, DropzoneContent, DropzoneEmptyState, EmptyContent, FileInputButton, Form, FormAdapterProvider, FormAutocomplete, FormAutosearch, FormButton, FormCheckbox, FormCombobox, FormCopyBox, FormCustom, FormDatePicker, FormDateTimePicker, FormDescription, FormDialog, FormError, FormField, FormFieldArray, FormInput, FormRadioGroup, FormRadioItem, FormRoot, FormSelect, FormSelectItem, FormSubmit, FormSwitch, FormTextarea, FormTimePicker, FormTransfer, FormWhen, GRID_BREAKPOINTS, GRID_COLUMNS, GRID_PREFIX, GroupedTable, HoverCard, HoverCardContent, HoverCardTrigger, Icon, InSheetContext, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputNumber, InputWithAddons, Label, Link, LinkButton, List, ListItem, LoaderOverlay, LocalTaskStorage, Logo, LogoFlat, LogoIcon, LogoStacked, LogoText, Map, MapCircle, MapCircleMarker, MapControlContainer, MapDrawCircle, MapDrawControl, MapDrawDelete, MapDrawEdit, MapDrawMarker, MapDrawPolygon, MapDrawPolyline, MapDrawRectangle, MapDrawUndo, MapFeatureGroup, MapFullscreenControl, MapLayerGroup, MapLayers, MapLayersControl, MapLocateControl, MapMarker, MapMarkerClusterGroup, MapPolygon, MapPolyline, MapPopup, MapRectangle, MapSearchControl, MapTileLayer, MapTooltip, MapZoomControl, MobileSheet, MoreActions, MultiSelect, NavMenu, NavMenuItem, PageTitle, Paragraph, PlaceAutocomplete, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, QuickRangesPanel, RESPONSIVE_ARRAY, RESPONSIVE_MAP, RadioGroup, RadioGroupItem, RedisTaskStorage, ResponsiveDropdown, ResponsivePopover, ResponsiveSheetTrigger, RichTextContent, RichTextEditor, Row, RowContext, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Spinner, SpinnerIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsLinkTrigger, TabsList, TabsTrigger, TagsInput, TaskPanel, TaskPanelActions, TaskPanelCounter, TaskPanelHeader, TaskPanelItem, TaskQueue, TaskQueueDropdown, TaskQueueProvider, TaskQueueTrigger, TaskSummaryDialog, Text, Textarea, ThemeProvider, ThemeScript, TimePicker, TimeRangePicker, TimezoneSelector, Title, Toaster, Tooltip, Transfer, VisuallyHidden, avatarStackVariants, badgeVariants, buttonGroupVariants, buttonVariants, cn, configureProgress, createCodeEditorSchema, createDataTableStore, createOrgMetadata, createProjectMetadata, createSelectionColumn, createTimezoneOption, createUserMetadata, defaultAutosearchValue, defineStepper, detectStorage, findItemByHref, formatDateForInput, formatJson, formatSingleTimeDisplay, formatTimeRangeDisplay, formatTimezoneLabel, formatUtcForDisplay, formatYaml, getBrowserTimezone, getContextLabel, getDefaultPreset, getDefaultTimezoneOptions, getGutter, getPresetByKey, getPresetByShortcut, getPresetRange, getResponsiveValue, getShortTimezoneDisplay, getTimezoneOffset, hasActiveDescendant, isNavItemActive, isValidJson, isValidYaml, jsonSchema, jsonToYaml, localInputStringToUtc, logoStyles, matchesCurrentScope, normalizePath, paragraphVariants, registerMediaQuery, resolvePath, rowMatchesSearch, startProgress, stopProgress, textVariants, titleVariants, toApiTimeRange, toUTCTimestampEndOfDay, toUTCTimestampStartOfDay, toast, useAdapter, useBreakpoint, useControllableState, useCopyToClipboard, useCurrentScope, useDataTableFilters, useDataTableInlineContents, useDataTableLoading, useDataTablePagination, useDataTableRows, useDataTableSearch, useDataTableSelection, useDataTableSorting, useDebounce, useDebouncedSearchInput, useField, useFieldContext, useFormContext, useFormState, useInSheet, useLeaflet, useNuqsAdapter, useRichTextEditor, useSidebar, useTaskQueue, useTasksWithLabels, useTheme, useToast, useWatch, useWatchAll, utcStringToZonedDate, utcToLocalInputString, yamlSchema, yamlToJson, zonedDateToUtcString };
+export { CustomRangePanel as AbsoluteRangePanel, CustomRangePanel, ActionRow, Alert, AlertDescription, AlertTitle, AppNavigation, Autocomplete, Autosearch, Avatar, AvatarFallback, AvatarImage, AvatarStack, Badge, Blockquote, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDatePicker, CalendarDayButton, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, ClientOnly, CloseIcon, Code, CodeEditor, CodeEditorTabs, Col, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DEFAULT_DEBOUNCE_MS, DEFAULT_LOADING_ROWS, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZES, DEFAULT_PRESETS, DEFAULT_SEARCH_DEBOUNCE_MS, DataTable, DataTableColumnHeader, DataTableRowActions, DateTimePicker, Dialog, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, DropzoneContent, DropzoneEmptyState, EmptyContent, FileInputButton, Form, FormAdapterProvider, FormAutocomplete, FormAutosearch, FormButton, FormCheckbox, FormCombobox, FormCopyBox, FormCustom, FormDatePicker, FormDateTimePicker, FormDescription, FormDialog, FormError, FormField, FormFieldArray, FormInput, FormRadioGroup, FormRadioItem, FormRoot, FormSelect, FormSelectItem, FormSubmit, FormSwitch, FormTextarea, FormTimePicker, FormTransfer, FormWhen, GRID_BREAKPOINTS, GRID_COLUMNS, GRID_PREFIX, GroupedTable, HoverCard, HoverCardContent, HoverCardTrigger, Icon, InSheetContext, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputNumber, InputWithAddons, Label, Link, LinkButton, List, ListItem, LoaderOverlay, LocalTaskStorage, Logo, LogoFlat, LogoIcon, LogoStacked, LogoText, Map, MapCircle, MapCircleMarker, MapControlContainer, MapDrawCircle, MapDrawControl, MapDrawDelete, MapDrawEdit, MapDrawMarker, MapDrawPolygon, MapDrawPolyline, MapDrawRectangle, MapDrawUndo, MapFeatureGroup, MapFullscreenControl, MapLayerGroup, MapLayers, MapLayersControl, MapLocateControl, MapMarker, MapMarkerClusterGroup, MapPolygon, MapPolyline, MapPopup, MapRectangle, MapSearchControl, MapTileLayer, MapTooltip, MapZoomControl, MobileSheet, MoreActions, MultiSelect, NavMenu, NavMenuItem, PageTitle, Paragraph, PlaceAutocomplete, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, QuickRangesPanel, RESPONSIVE_ARRAY, RESPONSIVE_MAP, RadioGroup, RadioGroupItem, RedisTaskStorage, ResponsiveDropdown, ResponsivePopover, ResponsiveSheetTrigger, RichTextContent, RichTextEditor, Row, RowContext, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Spinner, SpinnerIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsLinkTrigger, TabsList, TabsTrigger, TagsInput, TaskPanel, TaskPanelActions, TaskPanelCounter, TaskPanelHeader, TaskPanelItem, TaskQueue, TaskQueueDropdown, TaskQueueProvider, TaskQueueTrigger, TaskSummaryDialog, Text, Textarea, ThemeProvider, ThemeScript, TimePicker, TimeRangePicker, TimezoneSelector, Title, Toaster, Tooltip, Transfer, VisuallyHidden, avatarStackVariants, badgeVariants, buttonGroupVariants, buttonVariants, cn, configureProgress, createCodeEditorSchema, createDataTableStore, createOrgMetadata, createProjectMetadata, createSelectionColumn, createTimezoneOption, createUserMetadata, dataTableFeatures, defaultAutosearchValue, defineStepper, detectStorage, findItemByHref, formatDateForInput, formatJson, formatSingleTimeDisplay, formatTimeRangeDisplay, formatTimezoneLabel, formatUtcForDisplay, formatYaml, getBrowserTimezone, getContextLabel, getDefaultPreset, getDefaultTimezoneOptions, getGutter, getPresetByKey, getPresetByShortcut, getPresetRange, getResponsiveValue, getShortTimezoneDisplay, getTimezoneOffset, hasActiveDescendant, isNavItemActive, isValidJson, isValidYaml, jsonSchema, jsonToYaml, localInputStringToUtc, logoStyles, matchesCurrentScope, normalizePath, paragraphVariants, registerMediaQuery, resolvePath, rowMatchesSearch, startProgress, stopProgress, textVariants, titleVariants, toApiTimeRange, toUTCTimestampEndOfDay, toUTCTimestampStartOfDay, toast, useAdapter, useBreakpoint, useControllableState, useCopyToClipboard, useCurrentScope, useDataTableFilters, useDataTableInlineContents, useDataTableLoading, useDataTablePagination, useDataTableRows, useDataTableSearch, useDataTableSelection, useDataTableSorting, useDebounce, useDebouncedSearchInput, useField, useFieldContext, useFormContext, useFormState, useInSheet, useLeaflet, useNuqsAdapter, useRichTextEditor, useSidebar, useTaskQueue, useTasksWithLabels, useTheme, useToast, useWatch, useWatchAll, utcStringToZonedDate, utcToLocalInputString, yamlSchema, yamlToJson, zonedDateToUtcString };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@datum-cloud/datum-ui",
   "type": "module",
-  "version": "1.8.0",
+  "version": "2.0.0",
   "license": "MIT",
   "repository": {
     "url": "https://github.com/datum-cloud/datum-ui"
@@ -418,7 +418,7 @@
     "@monaco-editor/react": ">=4.7.0 <5",
     "@stepperize/react": ">=7 <8",
     "@streamdown/code": ">=1 <2",
-    "@tanstack/react-table": ">=8.21.3 <9",
+    "@tanstack/react-table": ">=9 <10",
     "@tanstack/react-virtual": ">=3.14.3 <4",
     "@tiptap/extension-character-count": ">=3.27.1 <4",
     "@tiptap/extension-link": ">=3.27.1 <4",
@@ -436,7 +436,7 @@
     "leaflet.markercluster": ">=1.5.3 <2",
     "lucide-react": ">=1 <2",
     "monaco-editor": ">=0.44.0 <1",
-    "motion": ">=12 <13",
+    "motion": ">=13 <14",
     "nprogress": ">=0.2 <1",
     "nuqs": ">=2 <3",
     "react": ">=19.2.7 <20",
@@ -604,7 +604,7 @@
     "@monaco-editor/react": "^4.7.0",
     "@stepperize/react": "^7.0.0",
     "@streamdown/code": "^1.1.1",
-    "@tanstack/react-table": "^8.21.3",
+    "@tanstack/react-table": "^9.1.2",
     "@tanstack/react-virtual": "^3.14.9",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.2",
@@ -635,7 +635,7 @@
     "leaflet.markercluster": "^1.5.3",
     "lucide-react": "^1.31.0",
     "monaco-editor": "^0.56.0",
-    "motion": "^12.43.0",
+    "motion": "^13.1.0",
     "nprogress": "^0.2.0",
     "nuqs": "^2.9.6",
     "react": "^19.2.8",