@datum-cloud/datum-ui 1.8.0 → 2.1.0

package/dist/autocomplete/index.mjs

@@ -1,2 +1,2 @@
-import { t as Autocomplete } from "../autocomplete-DM6JYV4W.mjs";
+import { t as Autocomplete } from "../autocomplete-DZ_HSBak.mjs";
 export { Autocomplete };

package/dist/{autocomplete-DM6JYV4W.mjs → autocomplete-DZ_HSBak.mjs}

@@ -1,5 +1,5 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { t as ResponsivePopover } from "./responsive-popover-DJZgXWIE.mjs";
+import { t as ResponsivePopover } from "./responsive-popover-C_1nzIvm.mjs";
 import { t as LoaderOverlay } from "./loader-overlay-DD94azZX.mjs";
 import { n as OptionList, t as useOptionPicker } from "./use-option-picker-s2bUYwXC.mjs";
 import { ChevronDown } from "lucide-react";

package/dist/autosearch/index.mjs

@@ -1,7 +1,7 @@
 import { t as cn } from "../utils-Bu32wN-x.mjs";
 import { t as Button } from "../button-A1qTjZ8U.mjs";
 import { t as Input } from "../input-j4tbmYYz.mjs";
-import { t as ResponsivePopover } from "../responsive-popover-DJZgXWIE.mjs";
+import { t as ResponsivePopover } from "../responsive-popover-C_1nzIvm.mjs";
 import { t as Tooltip } from "../tooltip-C_SL1imw.mjs";
 import { n as OptionList, t as useOptionPicker } from "../use-option-picker-s2bUYwXC.mjs";
 import { AlertCircle, Loader2, X } from "lucide-react";

package/dist/{calendar-date-picker-AzvSqjeS.mjs → calendar-date-picker-ynSGADfR.mjs}

@@ -1,5 +1,5 @@
-import { o as DateRangePicker } from "./picker-b5-x-EHs.mjs";
 import { t as useDeprecationWarning } from "./use-deprecation-warning-DXrGc0jX.mjs";
+import { a as DateRangePicker } from "./picker-raVuDxsh.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/features/calendar-date-picker/calendar-date-picker.tsx
 /**

package/dist/components/base/sheet/sheet.d.ts

@@ -7,8 +7,9 @@ interface SheetOverlayProps extends React.ComponentProps<typeof SheetPrimitive.O
 declare function SheetOverlay({ className, ...props }: SheetOverlayProps): React.JSX.Element;
 interface SheetContentProps extends React.ComponentProps<typeof SheetPrimitive.Content> {
     side?: 'top' | 'right' | 'bottom' | 'left';
+    showCloseButton?: boolean;
 }
-declare function SheetContent({ className, children, side, ...props }: SheetContentProps): React.JSX.Element;
+declare function SheetContent({ className, children, side, showCloseButton, ...props }: SheetContentProps): React.JSX.Element;
 interface SheetComponent extends React.FC<React.ComponentProps<typeof ShadcnSheet>> {
     Trigger: typeof SheetTrigger;
     Content: typeof SheetContent;

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';