@tanstack/preact-table 9.0.0-alpha.37 → 9.0.0-alpha.38

package/dist/createTableHook.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"createTableHook.cjs","names":["FlexRender","useTable"],"sources":["../src/createTableHook.tsx"],"sourcesContent":["'use client'\nimport { createContext } from 'preact'\nimport { useContext, useMemo } from 'preact/hooks'\nimport { createColumnHelper as coreCreateColumnHelper } from '@tanstack/table-core'\nimport { useTable } from './useTable'\nimport { FlexRender } from './FlexRender'\nimport type {\n  AccessorFn,\n  AccessorFnColumnDef,\n  AccessorKeyColumnDef,\n  Cell,\n  CellContext,\n  CellData,\n  Column,\n  ColumnDef,\n  DeepKeys,\n  DeepValue,\n  DisplayColumnDef,\n  GroupColumnDef,\n  Header,\n  IdentifiedColumnDef,\n  NoInfer,\n  Row,\n  RowData,\n  Table,\n  TableFeatures,\n  TableOptions,\n  TableState,\n} from '@tanstack/table-core'\nimport type { ComponentChildren, ComponentType } from 'preact'\nimport type { PreactTable } from './useTable'\n\n// =============================================================================\n// Enhanced Context Types with Pre-bound Components\n// =============================================================================\n\n/**\n * Enhanced CellContext with pre-bound cell components.\n * The `cell` property includes the registered cellComponents.\n */\nexport type AppCellContext<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n> = {\n  cell: Cell<TFeatures, TData, TValue> &\n    TCellComponents & { FlexRender: () => ComponentChildren }\n  column: Column<TFeatures, TData, TValue>\n  getValue: CellContext<TFeatures, TData, TValue>['getValue']\n  renderValue: CellContext<TFeatures, TData, TValue>['renderValue']\n  row: Row<TFeatures, TData>\n  table: Table<TFeatures, TData>\n}\n\n/**\n * Enhanced HeaderContext with pre-bound header components.\n * The `header` property includes the registered headerComponents.\n */\nexport type AppHeaderContext<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = {\n  column: Column<TFeatures, TData, TValue>\n  header: Header<TFeatures, TData, TValue> &\n    THeaderComponents & { FlexRender: () => ComponentChildren }\n  table: Table<TFeatures, TData>\n}\n\n// =============================================================================\n// Enhanced Column Definition Types\n// =============================================================================\n\n/**\n * Template type for column definitions that can be a string or a function.\n */\ntype AppColumnDefTemplate<TProps extends object> =\n  | string\n  | ((props: TProps) => any)\n\n/**\n * Enhanced column definition base with pre-bound components in cell/header/footer contexts.\n */\ntype AppColumnDefBase<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  IdentifiedColumnDef<TFeatures, TData, TValue>,\n  'cell' | 'header' | 'footer'\n> & {\n  cell?: AppColumnDefTemplate<\n    AppCellContext<TFeatures, TData, TValue, TCellComponents>\n  >\n  header?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, TValue, THeaderComponents>\n  >\n  footer?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, TValue, THeaderComponents>\n  >\n}\n\n/**\n * Enhanced display column definition with pre-bound components.\n */\ntype AppDisplayColumnDef<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  DisplayColumnDef<TFeatures, TData, unknown>,\n  'cell' | 'header' | 'footer'\n> & {\n  cell?: AppColumnDefTemplate<\n    AppCellContext<TFeatures, TData, unknown, TCellComponents>\n  >\n  header?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n  footer?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n}\n\n/**\n * Enhanced group column definition with pre-bound components.\n */\ntype AppGroupColumnDef<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  GroupColumnDef<TFeatures, TData, unknown>,\n  'cell' | 'header' | 'footer' | 'columns'\n> & {\n  cell?: AppColumnDefTemplate<\n    AppCellContext<TFeatures, TData, unknown, TCellComponents>\n  >\n  header?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n  footer?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n  columns?: Array<ColumnDef<TFeatures, TData, unknown>>\n}\n\n// =============================================================================\n// Enhanced Column Helper Type\n// =============================================================================\n\n/**\n * Enhanced column helper with pre-bound components in cell/header/footer contexts.\n * This enables TypeScript to know about the registered components when defining columns.\n */\nexport type AppColumnHelper<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = {\n  /**\n   * Creates a data column definition with an accessor key or function.\n   * The cell, header, and footer contexts include pre-bound components.\n   */\n  accessor: <\n    TAccessor extends AccessorFn<TData> | DeepKeys<TData>,\n    TValue extends TAccessor extends AccessorFn<TData, infer TReturn>\n      ? TReturn\n      : TAccessor extends DeepKeys<TData>\n        ? DeepValue<TData, TAccessor>\n        : never,\n  >(\n    accessor: TAccessor,\n    column: TAccessor extends AccessorFn<TData>\n      ? AppColumnDefBase<\n          TFeatures,\n          TData,\n          TValue,\n          TCellComponents,\n          THeaderComponents\n        > & { id: string }\n      : AppColumnDefBase<\n          TFeatures,\n          TData,\n          TValue,\n          TCellComponents,\n          THeaderComponents\n        >,\n  ) => TAccessor extends AccessorFn<TData>\n    ? AccessorFnColumnDef<TFeatures, TData, TValue>\n    : AccessorKeyColumnDef<TFeatures, TData, TValue>\n\n  /**\n   * Wraps an array of column definitions to preserve each column's individual TValue type.\n   */\n  columns: <TColumns extends ReadonlyArray<ColumnDef<TFeatures, TData, any>>>(\n    columns: [...TColumns],\n  ) => Array<ColumnDef<TFeatures, TData, any>> & [...TColumns]\n\n  /**\n   * Creates a display column definition for non-data columns.\n   * The cell, header, and footer contexts include pre-bound components.\n   */\n  display: (\n    column: AppDisplayColumnDef<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >,\n  ) => DisplayColumnDef<TFeatures, TData, unknown>\n\n  /**\n   * Creates a group column definition with nested child columns.\n   * The cell, header, and footer contexts include pre-bound components.\n   */\n  group: (\n    column: AppGroupColumnDef<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >,\n  ) => GroupColumnDef<TFeatures, TData, unknown>\n}\n\n// =============================================================================\n// CreateTableHook Options and Props\n// =============================================================================\n\n/**\n * Options for creating a table hook with pre-bound components and default table options.\n * Extends all TableOptions except 'columns' | 'data' | 'store' | 'state' | 'initialState'.\n */\nexport type CreateTableHookOptions<\n  TFeatures extends TableFeatures,\n  TTableComponents extends Record<string, ComponentType<any>>,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  TableOptions<TFeatures, any>,\n  'columns' | 'data' | 'store' | 'state' | 'initialState'\n> & {\n  /**\n   * Table-level components that need access to the table instance.\n   * These are available directly on the table object returned by useAppTable.\n   * Use `useTableContext()` inside these components.\n   * @example { PaginationControls, GlobalFilter, RowCount }\n   */\n  tableComponents?: TTableComponents\n  /**\n   * Cell-level components that need access to the cell instance.\n   * These are available on the cell object passed to AppCell's children.\n   * Use `useCellContext()` inside these components.\n   * @example { TextCell, NumberCell, DateCell, CurrencyCell }\n   */\n  cellComponents?: TCellComponents\n  /**\n   * Header-level components that need access to the header instance.\n   * These are available on the header object passed to AppHeader/AppFooter's children.\n   * Use `useHeaderContext()` inside these components.\n   * @example { SortIndicator, ColumnFilter, ResizeHandle }\n   */\n  headerComponents?: THeaderComponents\n}\n\n/**\n * Props for AppTable component - without selector\n */\nexport interface AppTablePropsWithoutSelector {\n  children: ComponentChildren\n  selector?: never\n}\n\n/**\n * Props for AppTable component - with selector\n */\nexport interface AppTablePropsWithSelector<\n  TFeatures extends TableFeatures,\n  TSelected,\n> {\n  children: (state: TSelected) => ComponentChildren\n  selector: (state: TableState<TFeatures>) => TSelected\n}\n\n/**\n * Props for AppCell component - without selector\n */\nexport interface AppCellPropsWithoutSelector<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n> {\n  cell: Cell<TFeatures, TData, TValue>\n  children: (\n    cell: Cell<TFeatures, TData, TValue> &\n      TCellComponents & { FlexRender: () => ComponentChildren },\n  ) => ComponentChildren\n  selector?: never\n}\n\n/**\n * Props for AppCell component - with selector\n */\nexport interface AppCellPropsWithSelector<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  TSelected,\n> {\n  cell: Cell<TFeatures, TData, TValue>\n  children: (\n    cell: Cell<TFeatures, TData, TValue> &\n      TCellComponents & { FlexRender: () => ComponentChildren },\n    state: TSelected,\n  ) => ComponentChildren\n  selector: (state: TableState<TFeatures>) => TSelected\n}\n\n/**\n * Props for AppHeader/AppFooter component - without selector\n */\nexport interface AppHeaderPropsWithoutSelector<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> {\n  header: Header<TFeatures, TData, TValue>\n  children: (\n    header: Header<TFeatures, TData, TValue> &\n      THeaderComponents & { FlexRender: () => ComponentChildren },\n  ) => ComponentChildren\n  selector?: never\n}\n\n/**\n * Props for AppHeader/AppFooter component - with selector\n */\nexport interface AppHeaderPropsWithSelector<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n  TSelected,\n> {\n  header: Header<TFeatures, TData, TValue>\n  children: (\n    header: Header<TFeatures, TData, TValue> &\n      THeaderComponents & { FlexRender: () => ComponentChildren },\n    state: TSelected,\n  ) => ComponentChildren\n  selector: (state: TableState<TFeatures>) => TSelected\n}\n\n/**\n * Component type for AppCell - wraps a cell and provides cell context with optional Subscribe\n */\nexport interface AppCellComponent<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n> {\n  <TValue extends CellData = CellData>(\n    props: AppCellPropsWithoutSelector<\n      TFeatures,\n      TData,\n      TValue,\n      TCellComponents\n    >,\n  ): ComponentChildren\n  <TValue extends CellData = CellData, TSelected = unknown>(\n    props: AppCellPropsWithSelector<\n      TFeatures,\n      TData,\n      TValue,\n      TCellComponents,\n      TSelected\n    >,\n  ): ComponentChildren\n}\n\n/**\n * Component type for AppHeader/AppFooter - wraps a header and provides header context with optional Subscribe\n */\nexport interface AppHeaderComponent<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> {\n  <TValue extends CellData = CellData>(\n    props: AppHeaderPropsWithoutSelector<\n      TFeatures,\n      TData,\n      TValue,\n      THeaderComponents\n    >,\n  ): ComponentChildren\n  <TValue extends CellData = CellData, TSelected = unknown>(\n    props: AppHeaderPropsWithSelector<\n      TFeatures,\n      TData,\n      TValue,\n      THeaderComponents,\n      TSelected\n    >,\n  ): ComponentChildren\n}\n\n/**\n * Component type for AppTable - root wrapper with optional Subscribe\n */\nexport interface AppTableComponent<TFeatures extends TableFeatures> {\n  (props: AppTablePropsWithoutSelector): ComponentChildren\n  <TSelected>(\n    props: AppTablePropsWithSelector<TFeatures, TSelected>,\n  ): ComponentChildren\n}\n\n/**\n * Extended table API returned by useAppTable with all App wrapper components\n */\nexport type AppPreactTable<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TSelected,\n  TTableComponents extends Record<string, ComponentType<any>>,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = PreactTable<TFeatures, TData, TSelected> &\n  NoInfer<TTableComponents> & {\n    /**\n     * Root wrapper component that provides table context with optional Subscribe.\n     * @example\n     * ```tsx\n     * // Without selector - children is ComponentChildren\n     * <table.AppTable>\n     *   <table>...</table>\n     * </table.AppTable>\n     *\n     * // With selector - children receives selected state\n     * <table.AppTable selector={(s) => s.pagination}>\n     *   {(pagination) => <div>Page {pagination.pageIndex}</div>}\n     * </table.AppTable>\n     * ```\n     */\n    AppTable: AppTableComponent<TFeatures>\n    /**\n     * Wraps a cell and provides cell context with pre-bound cellComponents.\n     * Optionally accepts a selector for Subscribe functionality.\n     * @example\n     * ```tsx\n     * // Without selector\n     * <table.AppCell cell={cell}>\n     *   {(c) => <td><c.TextCell /></td>}\n     * </table.AppCell>\n     *\n     * // With selector - children receives cell and selected state\n     * <table.AppCell cell={cell} selector={(s) => s.columnFilters}>\n     *   {(c, filters) => <td>{filters.length}</td>}\n     * </table.AppCell>\n     * ```\n     */\n    AppCell: AppCellComponent<TFeatures, TData, NoInfer<TCellComponents>>\n    /**\n     * Wraps a header and provides header context with pre-bound headerComponents.\n     * Optionally accepts a selector for Subscribe functionality.\n     * @example\n     * ```tsx\n     * // Without selector\n     * <table.AppHeader header={header}>\n     *   {(h) => <th><h.SortIndicator /></th>}\n     * </table.AppHeader>\n     *\n     * // With selector\n     * <table.AppHeader header={header} selector={(s) => s.sorting}>\n     *   {(h, sorting) => <th>{sorting.length} sorted</th>}\n     * </table.AppHeader>\n     * ```\n     */\n    AppHeader: AppHeaderComponent<TFeatures, TData, NoInfer<THeaderComponents>>\n    /**\n     * Wraps a footer and provides header context with pre-bound headerComponents.\n     * Optionally accepts a selector for Subscribe functionality.\n     * @example\n     * ```tsx\n     * <table.AppFooter header={footer}>\n     *   {(f) => <td><table.FlexRender footer={footer} /></td>}\n     * </table.AppFooter>\n     * ```\n     */\n    AppFooter: AppHeaderComponent<TFeatures, TData, NoInfer<THeaderComponents>>\n  }\n\n/**\n * Creates a custom table hook with pre-bound components for composition.\n *\n * This is the table equivalent of TanStack Form's `createFormHook`. It allows you to:\n * - Define features, row models, and default options once, shared across all tables\n * - Register reusable table, cell, and header components\n * - Access table/cell/header instances via context in those components\n * - Get a `useAppTable` hook that returns an extended table with App wrapper components\n * - Get a `createAppColumnHelper` function pre-bound to your features\n *\n * @example\n * ```tsx\n * // hooks/table.ts\n * export const {\n *   useAppTable,\n *   createAppColumnHelper,\n *   useTableContext,\n *   useCellContext,\n *   useHeaderContext,\n * } = createTableHook({\n *   _features: tableFeatures({\n *     rowPaginationFeature,\n *     rowSortingFeature,\n *     columnFilteringFeature,\n *   }),\n *   _rowModels: {\n *     paginatedRowModel: createPaginatedRowModel(),\n *     sortedRowModel: createSortedRowModel(sortFns),\n *     filteredRowModel: createFilteredRowModel(filterFns),\n *   },\n *   tableComponents: { PaginationControls, RowCount },\n *   cellComponents: { TextCell, NumberCell },\n *   headerComponents: { SortIndicator, ColumnFilter },\n * })\n *\n * // Create column helper with TFeatures already bound\n * const columnHelper = createAppColumnHelper<Person>()\n *\n * // components/table-components.tsx\n * function PaginationControls() {\n *   const table = useTableContext() // TFeatures already known!\n *   return <table.Subscribe selector={(s) => s.pagination}>...</table.Subscribe>\n * }\n *\n * // features/users.tsx\n * function UsersTable({ data }: { data: Person[] }) {\n *   const table = useAppTable({\n *     columns,\n *     data, // TData inferred from Person[]\n *   })\n *\n *   return (\n *     <table.AppTable>\n *       <table>\n *         <thead>\n *           {table.getHeaderGroups().map(headerGroup => (\n *             <tr key={headerGroup.id}>\n *               {headerGroup.headers.map(h => (\n *                 <table.AppHeader header={h} key={h.id}>\n *                   {(header) => (\n *                     <th>\n *                       <table.FlexRender header={h} />\n *                       <header.SortIndicator />\n *                     </th>\n *                   )}\n *                 </table.AppHeader>\n *               ))}\n *             </tr>\n *           ))}\n *         </thead>\n *         <tbody>\n *           {table.getRowModel().rows.map(row => (\n *             <tr key={row.id}>\n *               {row.getAllCells().map(c => (\n *                 <table.AppCell cell={c} key={c.id}>\n *                   {(cell) => <td><cell.TextCell /></td>}\n *                 </table.AppCell>\n *               ))}\n *             </tr>\n *           ))}\n *         </tbody>\n *       </table>\n *       <table.PaginationControls />\n *     </table.AppTable>\n *   )\n * }\n * ```\n */\nexport function createTableHook<\n  TFeatures extends TableFeatures,\n  const TTableComponents extends Record<string, ComponentType<any>>,\n  const TCellComponents extends Record<string, ComponentType<any>>,\n  const THeaderComponents extends Record<string, ComponentType<any>>,\n>({\n  tableComponents,\n  cellComponents,\n  headerComponents,\n  ...defaultTableOptions\n}: CreateTableHookOptions<\n  TFeatures,\n  TTableComponents,\n  TCellComponents,\n  THeaderComponents\n>) {\n  // Create contexts internally with TFeatures baked in\n  const TableContext = createContext<PreactTable<TFeatures, any, any>>(\n    null as never,\n  )\n  const CellContext = createContext<Cell<TFeatures, any, any>>(null as never)\n  const HeaderContext = createContext<Header<TFeatures, any, any>>(\n    null as never,\n  )\n\n  /**\n   * Create a column helper pre-bound to the features and components configured in this table hook.\n   * The cell, header, and footer contexts include pre-bound components (e.g., `cell.TextCell`).\n   * @example\n   * ```tsx\n   * const columnHelper = createAppColumnHelper<Person>()\n   *\n   * const columns = [\n   *   columnHelper.accessor('firstName', {\n   *     header: 'First Name',\n   *     cell: ({ cell }) => <cell.TextCell />, // cell has pre-bound components!\n   *   }),\n   *   columnHelper.accessor('age', {\n   *     header: 'Age',\n   *     cell: ({ cell }) => <cell.NumberCell />,\n   *   }),\n   * ]\n   * ```\n   */\n  function createAppColumnHelper<TData extends RowData>(): AppColumnHelper<\n    TFeatures,\n    TData,\n    TCellComponents,\n    THeaderComponents\n  > {\n    // The runtime implementation is the same - components are attached at render time\n    // This cast provides the enhanced types for column definitions\n    return coreCreateColumnHelper<TFeatures, TData>() as AppColumnHelper<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  /**\n   * Access the table instance from within an `AppTable` wrapper.\n   * Use this in custom `tableComponents` passed to `createTableHook`.\n   * TFeatures is already known from the createTableHook call.\n   *\n   * @example\n   * ```tsx\n   * function PaginationControls() {\n   *   const table = useTableContext()\n   *   return (\n   *     <table.Subscribe selector={(s) => s.pagination}>\n   *       {(pagination) => (\n   *         <div>\n   *           <button onClick={() => table.previousPage()}>Prev</button>\n   *           <span>Page {pagination.pageIndex + 1}</span>\n   *           <button onClick={() => table.nextPage()}>Next</button>\n   *         </div>\n   *       )}\n   *     </table.Subscribe>\n   *   )\n   * }\n   * ```\n   */\n  function useTableContext<TData extends RowData = RowData>(): PreactTable<\n    TFeatures,\n    TData\n  > {\n    const table = useContext(TableContext)\n\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    if (!table) {\n      throw new Error(\n        '`useTableContext` must be used within an `AppTable` component. ' +\n          'Make sure your component is wrapped with `<table.AppTable>...</table.AppTable>`.',\n      )\n    }\n\n    return table as PreactTable<TFeatures, TData>\n  }\n\n  /**\n   * Access the cell instance from within an `AppCell` wrapper.\n   * Use this in custom `cellComponents` passed to `createTableHook`.\n   * TFeatures is already known from the createTableHook call.\n   *\n   * @example\n   * ```tsx\n   * function TextCell() {\n   *   const cell = useCellContext<string>()\n   *   return <span>{cell.getValue()}</span>\n   * }\n   *\n   * function NumberCell({ format }: { format?: Intl.NumberFormatOptions }) {\n   *   const cell = useCellContext<number>()\n   *   return <span>{cell.getValue().toLocaleString(undefined, format)}</span>\n   * }\n   * ```\n   */\n  function useCellContext<TValue extends CellData = CellData>() {\n    const cell = useContext(CellContext)\n\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    if (!cell) {\n      throw new Error(\n        '`useCellContext` must be used within an `AppCell` component. ' +\n          'Make sure your component is wrapped with `<table.AppCell cell={cell}>...</table.AppCell>`.',\n      )\n    }\n\n    return cell as Cell<TFeatures, any, TValue>\n  }\n\n  /**\n   * Access the header instance from within an `AppHeader` or `AppFooter` wrapper.\n   * Use this in custom `headerComponents` passed to `createTableHook`.\n   * TFeatures is already known from the createTableHook call.\n   *\n   * @example\n   * ```tsx\n   * function SortIndicator() {\n   *   const header = useHeaderContext()\n   *   const sorted = header.column.getIsSorted()\n   *   return sorted === 'asc' ? '🔼' : sorted === 'desc' ? '🔽' : null\n   * }\n   *\n   * function ColumnFilter() {\n   *   const header = useHeaderContext()\n   *   if (!header.column.getCanFilter()) return null\n   *   return (\n   *     <input\n   *       value={(header.column.getFilterValue() ?? '') as string}\n   *       onChange={(e) => header.column.setFilterValue(e.target.value)}\n   *       placeholder=\"Filter...\"\n   *     />\n   *   )\n   * }\n   * ```\n   */\n  function useHeaderContext<TValue extends CellData = CellData>() {\n    const header = useContext(HeaderContext)\n\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    if (!header) {\n      throw new Error(\n        '`useHeaderContext` must be used within an `AppHeader` or `AppFooter` component.',\n      )\n    }\n\n    return header as Header<TFeatures, any, TValue>\n  }\n\n  /**\n   * Context-aware FlexRender component for cells.\n   * Uses the cell from context, so no need to pass cell prop.\n   */\n  function CellFlexRender() {\n    const cell = useCellContext()\n    return <FlexRender cell={cell} />\n  }\n\n  /**\n   * Context-aware FlexRender component for headers.\n   * Uses the header from context, so no need to pass header prop.\n   */\n  function HeaderFlexRender() {\n    const header = useHeaderContext()\n    return <FlexRender header={header} />\n  }\n\n  /**\n   * Context-aware FlexRender component for footers.\n   * Uses the header from context, so no need to pass footer prop.\n   */\n  function FooterFlexRender() {\n    const header = useHeaderContext()\n    return <FlexRender footer={header} />\n  }\n\n  /**\n   * Enhanced useTable hook that returns a table with App wrapper components\n   * and pre-bound tableComponents attached directly to the table object.\n   *\n   * Default options from createTableHook are automatically merged with\n   * the options passed here. Options passed here take precedence.\n   *\n   * TFeatures is already known from the createTableHook call; TData is inferred from the data prop.\n   */\n  function useAppTable<TData extends RowData, TSelected = {}>(\n    tableOptions: Omit<\n      TableOptions<TFeatures, TData>,\n      '_features' | '_rowModels'\n    >,\n    selector?: (state: TableState<TFeatures>) => TSelected,\n  ): AppPreactTable<\n    TFeatures,\n    TData,\n    TSelected,\n    TTableComponents,\n    TCellComponents,\n    THeaderComponents\n  > {\n    // Merge default options with provided options (provided takes precedence)\n    const table = useTable<TFeatures, TData, TSelected>(\n      { ...defaultTableOptions, ...tableOptions } as TableOptions<\n        TFeatures,\n        TData\n      >,\n      selector,\n    )\n\n    // AppTable - Root wrapper that provides table context with optional Subscribe\n    const AppTable = useMemo(() => {\n      function AppTableImpl(\n        props: AppTablePropsWithoutSelector,\n      ): ComponentChildren\n      function AppTableImpl<TAppTableSelected>(\n        props: AppTablePropsWithSelector<TFeatures, TAppTableSelected>,\n      ): ComponentChildren\n      function AppTableImpl<TAppTableSelected>(\n        props:\n          | AppTablePropsWithoutSelector\n          | AppTablePropsWithSelector<TFeatures, TAppTableSelected>,\n      ): ComponentChildren {\n        const { children, selector: appTableSelector } = props as any\n\n        return (\n          <TableContext.Provider value={table}>\n            {appTableSelector ? (\n              <table.Subscribe selector={appTableSelector}>\n                {(state: TAppTableSelected) =>\n                  (children as (state: TAppTableSelected) => ComponentChildren)(\n                    state,\n                  )\n                }\n              </table.Subscribe>\n            ) : (\n              children\n            )}\n          </TableContext.Provider>\n        )\n      }\n      return AppTableImpl as AppTableComponent<TFeatures>\n    }, [table])\n\n    // AppCell - Wraps cell with context, pre-bound cellComponents, and optional Subscribe\n    const AppCell = useMemo(() => {\n      function AppCellImpl<TValue extends CellData = CellData>(\n        props: AppCellPropsWithoutSelector<\n          TFeatures,\n          TData,\n          TValue,\n          TCellComponents\n        >,\n      ): ComponentChildren\n      function AppCellImpl<\n        TValue extends CellData = CellData,\n        TAppCellSelected = unknown,\n      >(\n        props: AppCellPropsWithSelector<\n          TFeatures,\n          TData,\n          TValue,\n          TCellComponents,\n          TAppCellSelected\n        >,\n      ): ComponentChildren\n      function AppCellImpl<\n        TValue extends CellData = CellData,\n        TAppCellSelected = unknown,\n      >(\n        props:\n          | AppCellPropsWithoutSelector<\n              TFeatures,\n              TData,\n              TValue,\n              TCellComponents\n            >\n          | AppCellPropsWithSelector<\n              TFeatures,\n              TData,\n              TValue,\n              TCellComponents,\n              TAppCellSelected\n            >,\n      ): ComponentChildren {\n        const { cell, children, selector: appCellSelector } = props as any\n        const extendedCell = Object.assign(cell, {\n          FlexRender: CellFlexRender,\n          ...cellComponents,\n        })\n\n        return (\n          <CellContext.Provider value={cell}>\n            {appCellSelector ? (\n              <table.Subscribe selector={appCellSelector}>\n                {(state: TAppCellSelected) =>\n                  (\n                    children as (\n                      cell: Cell<TFeatures, TData, TValue> &\n                        TCellComponents & {\n                          FlexRender: () => ComponentChildren\n                        },\n                      state: TAppCellSelected,\n                    ) => ComponentChildren\n                  )(extendedCell, state)\n                }\n              </table.Subscribe>\n            ) : (\n              (\n                children as (\n                  cell: Cell<TFeatures, TData, TValue> &\n                    TCellComponents & { FlexRender: () => ComponentChildren },\n                ) => ComponentChildren\n              )(extendedCell)\n            )}\n          </CellContext.Provider>\n        )\n      }\n      return AppCellImpl as AppCellComponent<TFeatures, TData, TCellComponents>\n    }, [table])\n\n    // AppHeader - Wraps header with context, pre-bound headerComponents, and optional Subscribe\n    const AppHeader = useMemo(() => {\n      function AppHeaderImpl<TValue extends CellData = CellData>(\n        props: AppHeaderPropsWithoutSelector<\n          TFeatures,\n          TData,\n          TValue,\n          THeaderComponents\n        >,\n      ): ComponentChildren\n      function AppHeaderImpl<\n        TValue extends CellData = CellData,\n        TAppHeaderSelected = unknown,\n      >(\n        props: AppHeaderPropsWithSelector<\n          TFeatures,\n          TData,\n          TValue,\n          THeaderComponents,\n          TAppHeaderSelected\n        >,\n      ): ComponentChildren\n      function AppHeaderImpl<\n        TValue extends CellData = CellData,\n        TAppHeaderSelected = unknown,\n      >(\n        props:\n          | AppHeaderPropsWithoutSelector<\n              TFeatures,\n              TData,\n              TValue,\n              THeaderComponents\n            >\n          | AppHeaderPropsWithSelector<\n              TFeatures,\n              TData,\n              TValue,\n              THeaderComponents,\n              TAppHeaderSelected\n            >,\n      ): ComponentChildren {\n        const { header, children, selector: appHeaderSelector } = props as any\n        const extendedHeader = Object.assign(header, {\n          FlexRender: HeaderFlexRender,\n          ...headerComponents,\n        })\n\n        return (\n          <HeaderContext.Provider value={header}>\n            {appHeaderSelector ? (\n              <table.Subscribe selector={appHeaderSelector}>\n                {(state: TAppHeaderSelected) =>\n                  (\n                    children as (\n                      header: Header<TFeatures, TData, TValue> &\n                        THeaderComponents,\n                      state: TAppHeaderSelected,\n                    ) => ComponentChildren\n                  )(extendedHeader, state)\n                }\n              </table.Subscribe>\n            ) : (\n              (\n                children as (\n                  header: Header<TFeatures, TData, TValue> &\n                    THeaderComponents & { FlexRender: () => ComponentChildren },\n                ) => ComponentChildren\n              )(extendedHeader)\n            )}\n          </HeaderContext.Provider>\n        )\n      }\n      return AppHeaderImpl as AppHeaderComponent<\n        TFeatures,\n        TData,\n        THeaderComponents\n      >\n    }, [table])\n\n    // AppFooter - Same as AppHeader (footers use Header type)\n    const AppFooter = useMemo(() => {\n      function AppFooterImpl<TValue extends CellData = CellData>(\n        props: AppHeaderPropsWithoutSelector<\n          TFeatures,\n          TData,\n          TValue,\n          THeaderComponents\n        >,\n      ): ComponentChildren\n      function AppFooterImpl<\n        TValue extends CellData = CellData,\n        TAppFooterSelected = unknown,\n      >(\n        props: AppHeaderPropsWithSelector<\n          TFeatures,\n          TData,\n          TValue,\n          THeaderComponents,\n          TAppFooterSelected\n        >,\n      ): ComponentChildren\n      function AppFooterImpl<\n        TValue extends CellData = CellData,\n        TAppFooterSelected = unknown,\n      >(\n        props:\n          | AppHeaderPropsWithoutSelector<\n              TFeatures,\n              TData,\n              TValue,\n              THeaderComponents\n            >\n          | AppHeaderPropsWithSelector<\n              TFeatures,\n              TData,\n              TValue,\n              THeaderComponents,\n              TAppFooterSelected\n            >,\n      ): ComponentChildren {\n        const { header, children, selector: appFooterSelector } = props as any\n        const extendedHeader = Object.assign(header, {\n          FlexRender: FooterFlexRender,\n          ...headerComponents,\n        })\n\n        return (\n          <HeaderContext.Provider value={header}>\n            {appFooterSelector ? (\n              <table.Subscribe selector={appFooterSelector}>\n                {(state: TAppFooterSelected) =>\n                  (\n                    children as (\n                      header: Header<TFeatures, TData, TValue> &\n                        THeaderComponents,\n                      state: TAppFooterSelected,\n                    ) => ComponentChildren\n                  )(extendedHeader, state)\n                }\n              </table.Subscribe>\n            ) : (\n              (\n                children as (\n                  header: Header<TFeatures, TData, TValue> &\n                    THeaderComponents & { FlexRender: () => ComponentChildren },\n                ) => ComponentChildren\n              )(extendedHeader)\n            )}\n          </HeaderContext.Provider>\n        )\n      }\n      return AppFooterImpl as AppHeaderComponent<\n        TFeatures,\n        TData,\n        THeaderComponents\n      >\n    }, [table])\n\n    // Combine everything into the extended table API\n    const extendedTable = useMemo(() => {\n      return Object.assign(table, {\n        AppTable,\n        AppCell,\n        AppHeader,\n        AppFooter,\n        ...tableComponents,\n      }) as AppPreactTable<\n        TFeatures,\n        TData,\n        TSelected,\n        TTableComponents,\n        TCellComponents,\n        THeaderComponents\n      >\n    }, [table, AppTable, AppCell, AppHeader, AppFooter])\n\n    return extendedTable\n  }\n\n  return {\n    appFeatures: defaultTableOptions._features as TFeatures,\n    createAppColumnHelper,\n    useAppTable,\n    useTableContext,\n    useCellContext,\n    useHeaderContext,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"createTableHook.cjs","names":["FlexRender","useTable"],"sources":["../src/createTableHook.tsx"],"sourcesContent":["'use client'\nimport { createContext } from 'preact'\nimport { useContext, useMemo } from 'preact/hooks'\nimport { createColumnHelper as coreCreateColumnHelper } from '@tanstack/table-core'\nimport { useTable } from './useTable'\nimport { FlexRender } from './FlexRender'\nimport type {\n  AccessorFn,\n  AccessorFnColumnDef,\n  AccessorKeyColumnDef,\n  Cell,\n  CellContext,\n  CellData,\n  Column,\n  ColumnDef,\n  DeepKeys,\n  DeepValue,\n  DisplayColumnDef,\n  GroupColumnDef,\n  Header,\n  IdentifiedColumnDef,\n  NoInfer,\n  Row,\n  RowData,\n  Table,\n  TableFeatures,\n  TableOptions,\n  TableState,\n} from '@tanstack/table-core'\nimport type { ComponentChildren, ComponentType } from 'preact'\nimport type { PreactTable } from './useTable'\n\n// =============================================================================\n// Enhanced Context Types with Pre-bound Components\n// =============================================================================\n\n/**\n * Enhanced CellContext with pre-bound cell components.\n * The `cell` property includes the registered cellComponents.\n */\nexport type AppCellContext<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n> = {\n  cell: Cell<TFeatures, TData, TValue> &\n    TCellComponents & { FlexRender: () => ComponentChildren }\n  column: Column<TFeatures, TData, TValue>\n  getValue: CellContext<TFeatures, TData, TValue>['getValue']\n  renderValue: CellContext<TFeatures, TData, TValue>['renderValue']\n  row: Row<TFeatures, TData>\n  table: Table<TFeatures, TData>\n}\n\n/**\n * Enhanced HeaderContext with pre-bound header components.\n * The `header` property includes the registered headerComponents.\n */\nexport type AppHeaderContext<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = {\n  column: Column<TFeatures, TData, TValue>\n  header: Header<TFeatures, TData, TValue> &\n    THeaderComponents & { FlexRender: () => ComponentChildren }\n  table: Table<TFeatures, TData>\n}\n\n// =============================================================================\n// Enhanced Column Definition Types\n// =============================================================================\n\n/**\n * Template type for column definitions that can be a string or a function.\n */\nexport type AppColumnDefTemplate<TProps extends object> =\n  | string\n  | ((props: TProps) => any)\n\n/**\n * Enhanced column definition base with pre-bound components in cell/header/footer contexts.\n */\nexport type AppColumnDefBase<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  IdentifiedColumnDef<TFeatures, TData, TValue>,\n  'cell' | 'header' | 'footer'\n> & {\n  cell?: AppColumnDefTemplate<\n    AppCellContext<TFeatures, TData, TValue, TCellComponents>\n  >\n  header?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, TValue, THeaderComponents>\n  >\n  footer?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, TValue, THeaderComponents>\n  >\n}\n\n/**\n * Enhanced display column definition with pre-bound components.\n */\nexport type AppDisplayColumnDef<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  DisplayColumnDef<TFeatures, TData, unknown>,\n  'cell' | 'header' | 'footer'\n> & {\n  cell?: AppColumnDefTemplate<\n    AppCellContext<TFeatures, TData, unknown, TCellComponents>\n  >\n  header?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n  footer?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n}\n\n/**\n * Enhanced group column definition with pre-bound components.\n */\nexport type AppGroupColumnDef<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  GroupColumnDef<TFeatures, TData, unknown>,\n  'cell' | 'header' | 'footer' | 'columns'\n> & {\n  cell?: AppColumnDefTemplate<\n    AppCellContext<TFeatures, TData, unknown, TCellComponents>\n  >\n  header?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n  footer?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n  columns?: Array<ColumnDef<TFeatures, TData, unknown>>\n}\n\n// =============================================================================\n// Enhanced Column Helper Type\n// =============================================================================\n\n/**\n * Enhanced column helper with pre-bound components in cell/header/footer contexts.\n * This enables TypeScript to know about the registered components when defining columns.\n */\nexport type AppColumnHelper<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = {\n  /**\n   * Creates a data column definition with an accessor key or function.\n   * The cell, header, and footer contexts include pre-bound components.\n   */\n  accessor: <\n    TAccessor extends AccessorFn<TData> | DeepKeys<TData>,\n    TValue extends TAccessor extends AccessorFn<TData, infer TReturn>\n      ? TReturn\n      : TAccessor extends DeepKeys<TData>\n        ? DeepValue<TData, TAccessor>\n        : never,\n  >(\n    accessor: TAccessor,\n    column: TAccessor extends AccessorFn<TData>\n      ? AppColumnDefBase<\n          TFeatures,\n          TData,\n          TValue,\n          TCellComponents,\n          THeaderComponents\n        > & { id: string }\n      : AppColumnDefBase<\n          TFeatures,\n          TData,\n          TValue,\n          TCellComponents,\n          THeaderComponents\n        >,\n  ) => TAccessor extends AccessorFn<TData>\n    ? AccessorFnColumnDef<TFeatures, TData, TValue>\n    : AccessorKeyColumnDef<TFeatures, TData, TValue>\n\n  /**\n   * Wraps an array of column definitions to preserve each column's individual TValue type.\n   */\n  columns: <TColumns extends ReadonlyArray<ColumnDef<TFeatures, TData, any>>>(\n    columns: [...TColumns],\n  ) => Array<ColumnDef<TFeatures, TData, any>> & [...TColumns]\n\n  /**\n   * Creates a display column definition for non-data columns.\n   * The cell, header, and footer contexts include pre-bound components.\n   */\n  display: (\n    column: AppDisplayColumnDef<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >,\n  ) => DisplayColumnDef<TFeatures, TData, unknown>\n\n  /**\n   * Creates a group column definition with nested child columns.\n   * The cell, header, and footer contexts include pre-bound components.\n   */\n  group: (\n    column: AppGroupColumnDef<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >,\n  ) => GroupColumnDef<TFeatures, TData, unknown>\n}\n\n// =============================================================================\n// CreateTableHook Options and Props\n// =============================================================================\n\n/**\n * Options for creating a table hook with pre-bound components and default table options.\n * Extends all TableOptions except 'columns' | 'data' | 'store' | 'state' | 'initialState'.\n */\nexport type CreateTableHookOptions<\n  TFeatures extends TableFeatures,\n  TTableComponents extends Record<string, ComponentType<any>>,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  TableOptions<TFeatures, any>,\n  'columns' | 'data' | 'store' | 'state' | 'initialState'\n> & {\n  /**\n   * Table-level components that need access to the table instance.\n   * These are available directly on the table object returned by useAppTable.\n   * Use `useTableContext()` inside these components.\n   * @example { PaginationControls, GlobalFilter, RowCount }\n   */\n  tableComponents?: TTableComponents\n  /**\n   * Cell-level components that need access to the cell instance.\n   * These are available on the cell object passed to AppCell's children.\n   * Use `useCellContext()` inside these components.\n   * @example { TextCell, NumberCell, DateCell, CurrencyCell }\n   */\n  cellComponents?: TCellComponents\n  /**\n   * Header-level components that need access to the header instance.\n   * These are available on the header object passed to AppHeader/AppFooter's children.\n   * Use `useHeaderContext()` inside these components.\n   * @example { SortIndicator, ColumnFilter, ResizeHandle }\n   */\n  headerComponents?: THeaderComponents\n}\n\n/**\n * Props for AppTable component - without selector\n */\nexport interface AppTablePropsWithoutSelector {\n  children: ComponentChildren\n  selector?: never\n}\n\n/**\n * Props for AppTable component - with selector\n */\nexport interface AppTablePropsWithSelector<\n  TFeatures extends TableFeatures,\n  TSelected,\n> {\n  children: (state: TSelected) => ComponentChildren\n  selector: (state: TableState<TFeatures>) => TSelected\n}\n\n/**\n * Props for AppCell component - without selector\n */\nexport interface AppCellPropsWithoutSelector<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n> {\n  cell: Cell<TFeatures, TData, TValue>\n  children: (\n    cell: Cell<TFeatures, TData, TValue> &\n      TCellComponents & { FlexRender: () => ComponentChildren },\n  ) => ComponentChildren\n  selector?: never\n}\n\n/**\n * Props for AppCell component - with selector\n */\nexport interface AppCellPropsWithSelector<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  TSelected,\n> {\n  cell: Cell<TFeatures, TData, TValue>\n  children: (\n    cell: Cell<TFeatures, TData, TValue> &\n      TCellComponents & { FlexRender: () => ComponentChildren },\n    state: TSelected,\n  ) => ComponentChildren\n  selector: (state: TableState<TFeatures>) => TSelected\n}\n\n/**\n * Props for AppHeader/AppFooter component - without selector\n */\nexport interface AppHeaderPropsWithoutSelector<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> {\n  header: Header<TFeatures, TData, TValue>\n  children: (\n    header: Header<TFeatures, TData, TValue> &\n      THeaderComponents & { FlexRender: () => ComponentChildren },\n  ) => ComponentChildren\n  selector?: never\n}\n\n/**\n * Props for AppHeader/AppFooter component - with selector\n */\nexport interface AppHeaderPropsWithSelector<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n  TSelected,\n> {\n  header: Header<TFeatures, TData, TValue>\n  children: (\n    header: Header<TFeatures, TData, TValue> &\n      THeaderComponents & { FlexRender: () => ComponentChildren },\n    state: TSelected,\n  ) => ComponentChildren\n  selector: (state: TableState<TFeatures>) => TSelected\n}\n\n/**\n * Component type for AppCell - wraps a cell and provides cell context with optional Subscribe\n */\nexport interface AppCellComponent<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n> {\n  <TValue extends CellData = CellData>(\n    props: AppCellPropsWithoutSelector<\n      TFeatures,\n      TData,\n      TValue,\n      TCellComponents\n    >,\n  ): ComponentChildren\n  <TValue extends CellData = CellData, TSelected = unknown>(\n    props: AppCellPropsWithSelector<\n      TFeatures,\n      TData,\n      TValue,\n      TCellComponents,\n      TSelected\n    >,\n  ): ComponentChildren\n}\n\n/**\n * Component type for AppHeader/AppFooter - wraps a header and provides header context with optional Subscribe\n */\nexport interface AppHeaderComponent<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> {\n  <TValue extends CellData = CellData>(\n    props: AppHeaderPropsWithoutSelector<\n      TFeatures,\n      TData,\n      TValue,\n      THeaderComponents\n    >,\n  ): ComponentChildren\n  <TValue extends CellData = CellData, TSelected = unknown>(\n    props: AppHeaderPropsWithSelector<\n      TFeatures,\n      TData,\n      TValue,\n      THeaderComponents,\n      TSelected\n    >,\n  ): ComponentChildren\n}\n\n/**\n * Component type for AppTable - root wrapper with optional Subscribe\n */\nexport interface AppTableComponent<TFeatures extends TableFeatures> {\n  (props: AppTablePropsWithoutSelector): ComponentChildren\n  <TSelected>(\n    props: AppTablePropsWithSelector<TFeatures, TSelected>,\n  ): ComponentChildren\n}\n\n/**\n * Extended table API returned by useAppTable with all App wrapper components\n */\nexport type AppPreactTable<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TSelected,\n  TTableComponents extends Record<string, ComponentType<any>>,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = PreactTable<TFeatures, TData, TSelected> &\n  NoInfer<TTableComponents> & {\n    /**\n     * Root wrapper component that provides table context with optional Subscribe.\n     * @example\n     * ```tsx\n     * // Without selector - children is ComponentChildren\n     * <table.AppTable>\n     *   <table>...</table>\n     * </table.AppTable>\n     *\n     * // With selector - children receives selected state\n     * <table.AppTable selector={(s) => s.pagination}>\n     *   {(pagination) => <div>Page {pagination.pageIndex}</div>}\n     * </table.AppTable>\n     * ```\n     */\n    AppTable: AppTableComponent<TFeatures>\n    /**\n     * Wraps a cell and provides cell context with pre-bound cellComponents.\n     * Optionally accepts a selector for Subscribe functionality.\n     * @example\n     * ```tsx\n     * // Without selector\n     * <table.AppCell cell={cell}>\n     *   {(c) => <td><c.TextCell /></td>}\n     * </table.AppCell>\n     *\n     * // With selector - children receives cell and selected state\n     * <table.AppCell cell={cell} selector={(s) => s.columnFilters}>\n     *   {(c, filters) => <td>{filters.length}</td>}\n     * </table.AppCell>\n     * ```\n     */\n    AppCell: AppCellComponent<TFeatures, TData, NoInfer<TCellComponents>>\n    /**\n     * Wraps a header and provides header context with pre-bound headerComponents.\n     * Optionally accepts a selector for Subscribe functionality.\n     * @example\n     * ```tsx\n     * // Without selector\n     * <table.AppHeader header={header}>\n     *   {(h) => <th><h.SortIndicator /></th>}\n     * </table.AppHeader>\n     *\n     * // With selector\n     * <table.AppHeader header={header} selector={(s) => s.sorting}>\n     *   {(h, sorting) => <th>{sorting.length} sorted</th>}\n     * </table.AppHeader>\n     * ```\n     */\n    AppHeader: AppHeaderComponent<TFeatures, TData, NoInfer<THeaderComponents>>\n    /**\n     * Wraps a footer and provides header context with pre-bound headerComponents.\n     * Optionally accepts a selector for Subscribe functionality.\n     * @example\n     * ```tsx\n     * <table.AppFooter header={footer}>\n     *   {(f) => <td><table.FlexRender footer={footer} /></td>}\n     * </table.AppFooter>\n     * ```\n     */\n    AppFooter: AppHeaderComponent<TFeatures, TData, NoInfer<THeaderComponents>>\n  }\n\n/**\n * Creates a custom table hook with pre-bound components for composition.\n *\n * This is the table equivalent of TanStack Form's `createFormHook`. It allows you to:\n * - Define features, row models, and default options once, shared across all tables\n * - Register reusable table, cell, and header components\n * - Access table/cell/header instances via context in those components\n * - Get a `useAppTable` hook that returns an extended table with App wrapper components\n * - Get a `createAppColumnHelper` function pre-bound to your features\n *\n * @example\n * ```tsx\n * // hooks/table.ts\n * export const {\n *   useAppTable,\n *   createAppColumnHelper,\n *   useTableContext,\n *   useCellContext,\n *   useHeaderContext,\n * } = createTableHook({\n *   _features: tableFeatures({\n *     rowPaginationFeature,\n *     rowSortingFeature,\n *     columnFilteringFeature,\n *   }),\n *   _rowModels: {\n *     paginatedRowModel: createPaginatedRowModel(),\n *     sortedRowModel: createSortedRowModel(sortFns),\n *     filteredRowModel: createFilteredRowModel(filterFns),\n *   },\n *   tableComponents: { PaginationControls, RowCount },\n *   cellComponents: { TextCell, NumberCell },\n *   headerComponents: { SortIndicator, ColumnFilter },\n * })\n *\n * // Create column helper with TFeatures already bound\n * const columnHelper = createAppColumnHelper<Person>()\n *\n * // components/table-components.tsx\n * function PaginationControls() {\n *   const table = useTableContext() // TFeatures already known!\n *   return <table.Subscribe selector={(s) => s.pagination}>...</table.Subscribe>\n * }\n *\n * // features/users.tsx\n * function UsersTable({ data }: { data: Person[] }) {\n *   const table = useAppTable({\n *     columns,\n *     data, // TData inferred from Person[]\n *   })\n *\n *   return (\n *     <table.AppTable>\n *       <table>\n *         <thead>\n *           {table.getHeaderGroups().map(headerGroup => (\n *             <tr key={headerGroup.id}>\n *               {headerGroup.headers.map(h => (\n *                 <table.AppHeader header={h} key={h.id}>\n *                   {(header) => (\n *                     <th>\n *                       <table.FlexRender header={h} />\n *                       <header.SortIndicator />\n *                     </th>\n *                   )}\n *                 </table.AppHeader>\n *               ))}\n *             </tr>\n *           ))}\n *         </thead>\n *         <tbody>\n *           {table.getRowModel().rows.map(row => (\n *             <tr key={row.id}>\n *               {row.getAllCells().map(c => (\n *                 <table.AppCell cell={c} key={c.id}>\n *                   {(cell) => <td><cell.TextCell /></td>}\n *                 </table.AppCell>\n *               ))}\n *             </tr>\n *           ))}\n *         </tbody>\n *       </table>\n *       <table.PaginationControls />\n *     </table.AppTable>\n *   )\n * }\n * ```\n */\nexport function createTableHook<\n  TFeatures extends TableFeatures,\n  const TTableComponents extends Record<string, ComponentType<any>>,\n  const TCellComponents extends Record<string, ComponentType<any>>,\n  const THeaderComponents extends Record<string, ComponentType<any>>,\n>({\n  tableComponents,\n  cellComponents,\n  headerComponents,\n  ...defaultTableOptions\n}: CreateTableHookOptions<\n  TFeatures,\n  TTableComponents,\n  TCellComponents,\n  THeaderComponents\n>) {\n  // Create contexts internally with TFeatures baked in\n  const TableContext = createContext<PreactTable<TFeatures, any, any>>(\n    null as never,\n  )\n  const CellContext = createContext<Cell<TFeatures, any, any>>(null as never)\n  const HeaderContext = createContext<Header<TFeatures, any, any>>(\n    null as never,\n  )\n\n  /**\n   * Create a column helper pre-bound to the features and components configured in this table hook.\n   * The cell, header, and footer contexts include pre-bound components (e.g., `cell.TextCell`).\n   * @example\n   * ```tsx\n   * const columnHelper = createAppColumnHelper<Person>()\n   *\n   * const columns = [\n   *   columnHelper.accessor('firstName', {\n   *     header: 'First Name',\n   *     cell: ({ cell }) => <cell.TextCell />, // cell has pre-bound components!\n   *   }),\n   *   columnHelper.accessor('age', {\n   *     header: 'Age',\n   *     cell: ({ cell }) => <cell.NumberCell />,\n   *   }),\n   * ]\n   * ```\n   */\n  function createAppColumnHelper<TData extends RowData>(): AppColumnHelper<\n    TFeatures,\n    TData,\n    TCellComponents,\n    THeaderComponents\n  > {\n    // The runtime implementation is the same - components are attached at render time\n    // This cast provides the enhanced types for column definitions\n    return coreCreateColumnHelper<TFeatures, TData>() as AppColumnHelper<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  /**\n   * Access the table instance from within an `AppTable` wrapper.\n   * Use this in custom `tableComponents` passed to `createTableHook`.\n   * TFeatures is already known from the createTableHook call.\n   *\n   * @example\n   * ```tsx\n   * function PaginationControls() {\n   *   const table = useTableContext()\n   *   return (\n   *     <table.Subscribe selector={(s) => s.pagination}>\n   *       {(pagination) => (\n   *         <div>\n   *           <button onClick={() => table.previousPage()}>Prev</button>\n   *           <span>Page {pagination.pageIndex + 1}</span>\n   *           <button onClick={() => table.nextPage()}>Next</button>\n   *         </div>\n   *       )}\n   *     </table.Subscribe>\n   *   )\n   * }\n   * ```\n   */\n  function useTableContext<TData extends RowData = RowData>(): PreactTable<\n    TFeatures,\n    TData\n  > {\n    const table = useContext(TableContext)\n\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    if (!table) {\n      throw new Error(\n        '`useTableContext` must be used within an `AppTable` component. ' +\n          'Make sure your component is wrapped with `<table.AppTable>...</table.AppTable>`.',\n      )\n    }\n\n    return table as PreactTable<TFeatures, TData>\n  }\n\n  /**\n   * Access the cell instance from within an `AppCell` wrapper.\n   * Use this in custom `cellComponents` passed to `createTableHook`.\n   * TFeatures is already known from the createTableHook call.\n   *\n   * @example\n   * ```tsx\n   * function TextCell() {\n   *   const cell = useCellContext<string>()\n   *   return <span>{cell.getValue()}</span>\n   * }\n   *\n   * function NumberCell({ format }: { format?: Intl.NumberFormatOptions }) {\n   *   const cell = useCellContext<number>()\n   *   return <span>{cell.getValue().toLocaleString(undefined, format)}</span>\n   * }\n   * ```\n   */\n  function useCellContext<TValue extends CellData = CellData>() {\n    const cell = useContext(CellContext)\n\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    if (!cell) {\n      throw new Error(\n        '`useCellContext` must be used within an `AppCell` component. ' +\n          'Make sure your component is wrapped with `<table.AppCell cell={cell}>...</table.AppCell>`.',\n      )\n    }\n\n    return cell as Cell<TFeatures, any, TValue>\n  }\n\n  /**\n   * Access the header instance from within an `AppHeader` or `AppFooter` wrapper.\n   * Use this in custom `headerComponents` passed to `createTableHook`.\n   * TFeatures is already known from the createTableHook call.\n   *\n   * @example\n   * ```tsx\n   * function SortIndicator() {\n   *   const header = useHeaderContext()\n   *   const sorted = header.column.getIsSorted()\n   *   return sorted === 'asc' ? '🔼' : sorted === 'desc' ? '🔽' : null\n   * }\n   *\n   * function ColumnFilter() {\n   *   const header = useHeaderContext()\n   *   if (!header.column.getCanFilter()) return null\n   *   return (\n   *     <input\n   *       value={(header.column.getFilterValue() ?? '') as string}\n   *       onChange={(e) => header.column.setFilterValue(e.target.value)}\n   *       placeholder=\"Filter...\"\n   *     />\n   *   )\n   * }\n   * ```\n   */\n  function useHeaderContext<TValue extends CellData = CellData>() {\n    const header = useContext(HeaderContext)\n\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    if (!header) {\n      throw new Error(\n        '`useHeaderContext` must be used within an `AppHeader` or `AppFooter` component.',\n      )\n    }\n\n    return header as Header<TFeatures, any, TValue>\n  }\n\n  /**\n   * Context-aware FlexRender component for cells.\n   * Uses the cell from context, so no need to pass cell prop.\n   */\n  function CellFlexRender() {\n    const cell = useCellContext()\n    return <FlexRender cell={cell} />\n  }\n\n  /**\n   * Context-aware FlexRender component for headers.\n   * Uses the header from context, so no need to pass header prop.\n   */\n  function HeaderFlexRender() {\n    const header = useHeaderContext()\n    return <FlexRender header={header} />\n  }\n\n  /**\n   * Context-aware FlexRender component for footers.\n   * Uses the header from context, so no need to pass footer prop.\n   */\n  function FooterFlexRender() {\n    const header = useHeaderContext()\n    return <FlexRender footer={header} />\n  }\n\n  /**\n   * Enhanced useTable hook that returns a table with App wrapper components\n   * and pre-bound tableComponents attached directly to the table object.\n   *\n   * Default options from createTableHook are automatically merged with\n   * the options passed here. Options passed here take precedence.\n   *\n   * TFeatures is already known from the createTableHook call; TData is inferred from the data prop.\n   */\n  function useAppTable<TData extends RowData, TSelected = {}>(\n    tableOptions: Omit<\n      TableOptions<TFeatures, TData>,\n      '_features' | '_rowModels'\n    >,\n    selector?: (state: TableState<TFeatures>) => TSelected,\n  ): AppPreactTable<\n    TFeatures,\n    TData,\n    TSelected,\n    TTableComponents,\n    TCellComponents,\n    THeaderComponents\n  > {\n    // Merge default options with provided options (provided takes precedence)\n    const table = useTable<TFeatures, TData, TSelected>(\n      { ...defaultTableOptions, ...tableOptions } as TableOptions<\n        TFeatures,\n        TData\n      >,\n      selector,\n    )\n\n    // AppTable - Root wrapper that provides table context with optional Subscribe\n    const AppTable = useMemo(() => {\n      function AppTableImpl(\n        props: AppTablePropsWithoutSelector,\n      ): ComponentChildren\n      function AppTableImpl<TAppTableSelected>(\n        props: AppTablePropsWithSelector<TFeatures, TAppTableSelected>,\n      ): ComponentChildren\n      function AppTableImpl<TAppTableSelected>(\n        props:\n          | AppTablePropsWithoutSelector\n          | AppTablePropsWithSelector<TFeatures, TAppTableSelected>,\n      ): ComponentChildren {\n        const { children, selector: appTableSelector } = props as any\n\n        return (\n          <TableContext.Provider value={table}>\n            {appTableSelector ? (\n              <table.Subscribe selector={appTableSelector}>\n                {(state: TAppTableSelected) =>\n                  (children as (state: TAppTableSelected) => ComponentChildren)(\n                    state,\n                  )\n                }\n              </table.Subscribe>\n            ) : (\n              children\n            )}\n          </TableContext.Provider>\n        )\n      }\n      return AppTableImpl as AppTableComponent<TFeatures>\n    }, [table])\n\n    // AppCell - Wraps cell with context, pre-bound cellComponents, and optional Subscribe\n    const AppCell = useMemo(() => {\n      function AppCellImpl<TValue extends CellData = CellData>(\n        props: AppCellPropsWithoutSelector<\n          TFeatures,\n          TData,\n          TValue,\n          TCellComponents\n        >,\n      ): ComponentChildren\n      function AppCellImpl<\n        TValue extends CellData = CellData,\n        TAppCellSelected = unknown,\n      >(\n        props: AppCellPropsWithSelector<\n          TFeatures,\n          TData,\n          TValue,\n          TCellComponents,\n          TAppCellSelected\n        >,\n      ): ComponentChildren\n      function AppCellImpl<\n        TValue extends CellData = CellData,\n        TAppCellSelected = unknown,\n      >(\n        props:\n          | AppCellPropsWithoutSelector<\n              TFeatures,\n              TData,\n              TValue,\n              TCellComponents\n            >\n          | AppCellPropsWithSelector<\n              TFeatures,\n              TData,\n              TValue,\n              TCellComponents,\n              TAppCellSelected\n            >,\n      ): ComponentChildren {\n        const { cell, children, selector: appCellSelector } = props as any\n        const extendedCell = Object.assign(cell, {\n          FlexRender: CellFlexRender,\n          ...cellComponents,\n        })\n\n        return (\n          <CellContext.Provider value={cell}>\n            {appCellSelector ? (\n              <table.Subscribe selector={appCellSelector}>\n                {(state: TAppCellSelected) =>\n                  (\n                    children as (\n                      cell: Cell<TFeatures, TData, TValue> &\n                        TCellComponents & {\n                          FlexRender: () => ComponentChildren\n                        },\n                      state: TAppCellSelected,\n                    ) => ComponentChildren\n                  )(extendedCell, state)\n                }\n              </table.Subscribe>\n            ) : (\n              (\n                children as (\n                  cell: Cell<TFeatures, TData, TValue> &\n                    TCellComponents & { FlexRender: () => ComponentChildren },\n                ) => ComponentChildren\n              )(extendedCell)\n            )}\n          </CellContext.Provider>\n        )\n      }\n      return AppCellImpl as AppCellComponent<TFeatures, TData, TCellComponents>\n    }, [table])\n\n    // AppHeader - Wraps header with context, pre-bound headerComponents, and optional Subscribe\n    const AppHeader = useMemo(() => {\n      function AppHeaderImpl<TValue extends CellData = CellData>(\n        props: AppHeaderPropsWithoutSelector<\n          TFeatures,\n          TData,\n          TValue,\n          THeaderComponents\n        >,\n      ): ComponentChildren\n      function AppHeaderImpl<\n        TValue extends CellData = CellData,\n        TAppHeaderSelected = unknown,\n      >(\n        props: AppHeaderPropsWithSelector<\n          TFeatures,\n          TData,\n          TValue,\n          THeaderComponents,\n          TAppHeaderSelected\n        >,\n      ): ComponentChildren\n      function AppHeaderImpl<\n        TValue extends CellData = CellData,\n        TAppHeaderSelected = unknown,\n      >(\n        props:\n          | AppHeaderPropsWithoutSelector<\n              TFeatures,\n              TData,\n              TValue,\n              THeaderComponents\n            >\n          | AppHeaderPropsWithSelector<\n              TFeatures,\n              TData,\n              TValue,\n              THeaderComponents,\n              TAppHeaderSelected\n            >,\n      ): ComponentChildren {\n        const { header, children, selector: appHeaderSelector } = props as any\n        const extendedHeader = Object.assign(header, {\n          FlexRender: HeaderFlexRender,\n          ...headerComponents,\n        })\n\n        return (\n          <HeaderContext.Provider value={header}>\n            {appHeaderSelector ? (\n              <table.Subscribe selector={appHeaderSelector}>\n                {(state: TAppHeaderSelected) =>\n                  (\n                    children as (\n                      header: Header<TFeatures, TData, TValue> &\n                        THeaderComponents,\n                      state: TAppHeaderSelected,\n                    ) => ComponentChildren\n                  )(extendedHeader, state)\n                }\n              </table.Subscribe>\n            ) : (\n              (\n                children as (\n                  header: Header<TFeatures, TData, TValue> &\n                    THeaderComponents & { FlexRender: () => ComponentChildren },\n                ) => ComponentChildren\n              )(extendedHeader)\n            )}\n          </HeaderContext.Provider>\n        )\n      }\n      return AppHeaderImpl as AppHeaderComponent<\n        TFeatures,\n        TData,\n        THeaderComponents\n      >\n    }, [table])\n\n    // AppFooter - Same as AppHeader (footers use Header type)\n    const AppFooter = useMemo(() => {\n      function AppFooterImpl<TValue extends CellData = CellData>(\n        props: AppHeaderPropsWithoutSelector<\n          TFeatures,\n          TData,\n          TValue,\n          THeaderComponents\n        >,\n      ): ComponentChildren\n      function AppFooterImpl<\n        TValue extends CellData = CellData,\n        TAppFooterSelected = unknown,\n      >(\n        props: AppHeaderPropsWithSelector<\n          TFeatures,\n          TData,\n          TValue,\n          THeaderComponents,\n          TAppFooterSelected\n        >,\n      ): ComponentChildren\n      function AppFooterImpl<\n        TValue extends CellData = CellData,\n        TAppFooterSelected = unknown,\n      >(\n        props:\n          | AppHeaderPropsWithoutSelector<\n              TFeatures,\n              TData,\n              TValue,\n              THeaderComponents\n            >\n          | AppHeaderPropsWithSelector<\n              TFeatures,\n              TData,\n              TValue,\n              THeaderComponents,\n              TAppFooterSelected\n            >,\n      ): ComponentChildren {\n        const { header, children, selector: appFooterSelector } = props as any\n        const extendedHeader = Object.assign(header, {\n          FlexRender: FooterFlexRender,\n          ...headerComponents,\n        })\n\n        return (\n          <HeaderContext.Provider value={header}>\n            {appFooterSelector ? (\n              <table.Subscribe selector={appFooterSelector}>\n                {(state: TAppFooterSelected) =>\n                  (\n                    children as (\n                      header: Header<TFeatures, TData, TValue> &\n                        THeaderComponents,\n                      state: TAppFooterSelected,\n                    ) => ComponentChildren\n                  )(extendedHeader, state)\n                }\n              </table.Subscribe>\n            ) : (\n              (\n                children as (\n                  header: Header<TFeatures, TData, TValue> &\n                    THeaderComponents & { FlexRender: () => ComponentChildren },\n                ) => ComponentChildren\n              )(extendedHeader)\n            )}\n          </HeaderContext.Provider>\n        )\n      }\n      return AppFooterImpl as AppHeaderComponent<\n        TFeatures,\n        TData,\n        THeaderComponents\n      >\n    }, [table])\n\n    // Combine everything into the extended table API\n    const extendedTable = useMemo(() => {\n      return Object.assign(table, {\n        AppTable,\n        AppCell,\n        AppHeader,\n        AppFooter,\n        ...tableComponents,\n      }) as AppPreactTable<\n        TFeatures,\n        TData,\n        TSelected,\n        TTableComponents,\n        TCellComponents,\n        THeaderComponents\n      >\n    }, [table, AppTable, AppCell, AppHeader, AppFooter])\n\n    return extendedTable\n  }\n\n  return {\n    appFeatures: defaultTableOptions._features as TFeatures,\n    createAppColumnHelper,\n    useAppTable,\n    useTableContext,\n    useCellContext,\n    useHeaderContext,\n  }\n}\n"],"mappings":"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"}

package/dist/createTableHook.d.cts

@@ -354,5 +354,5 @@ declare function createTableHook<TFeatures extends TableFeatures, const TTableCo
   useHeaderContext: <TValue extends CellData = unknown>() => Header<TFeatures, any, TValue>;
 };
 //#endregion
-export { AppCellComponent, AppCellContext, AppCellPropsWithSelector, AppCellPropsWithoutSelector, AppColumnHelper, AppHeaderComponent, AppHeaderContext, AppHeaderPropsWithSelector, AppHeaderPropsWithoutSelector, AppPreactTable, AppTableComponent, AppTablePropsWithSelector, AppTablePropsWithoutSelector, CreateTableHookOptions, createTableHook };
+export { AppCellComponent, AppCellContext, AppCellPropsWithSelector, AppCellPropsWithoutSelector, AppColumnDefBase, AppColumnDefTemplate, AppColumnHelper, AppDisplayColumnDef, AppGroupColumnDef, AppHeaderComponent, AppHeaderContext, AppHeaderPropsWithSelector, AppHeaderPropsWithoutSelector, AppPreactTable, AppTableComponent, AppTablePropsWithSelector, AppTablePropsWithoutSelector, CreateTableHookOptions, createTableHook };
 //# sourceMappingURL=createTableHook.d.cts.map

package/dist/createTableHook.d.ts

@@ -354,5 +354,5 @@ declare function createTableHook<TFeatures extends TableFeatures, const TTableCo
   useHeaderContext: <TValue extends CellData = unknown>() => Header<TFeatures, any, TValue>;
 };
 //#endregion
-export { AppCellComponent, AppCellContext, AppCellPropsWithSelector, AppCellPropsWithoutSelector, AppColumnHelper, AppHeaderComponent, AppHeaderContext, AppHeaderPropsWithSelector, AppHeaderPropsWithoutSelector, AppPreactTable, AppTableComponent, AppTablePropsWithSelector, AppTablePropsWithoutSelector, CreateTableHookOptions, createTableHook };
+export { AppCellComponent, AppCellContext, AppCellPropsWithSelector, AppCellPropsWithoutSelector, AppColumnDefBase, AppColumnDefTemplate, AppColumnHelper, AppDisplayColumnDef, AppGroupColumnDef, AppHeaderComponent, AppHeaderContext, AppHeaderPropsWithSelector, AppHeaderPropsWithoutSelector, AppPreactTable, AppTableComponent, AppTablePropsWithSelector, AppTablePropsWithoutSelector, CreateTableHookOptions, createTableHook };
 //# sourceMappingURL=createTableHook.d.ts.map

package/dist/createTableHook.js.map

@@ -1 +1 @@
-{"version":3,"file":"createTableHook.js","names":["coreCreateColumnHelper"],"sources":["../src/createTableHook.tsx"],"sourcesContent":["'use client'\nimport { createContext } from 'preact'\nimport { useContext, useMemo } from 'preact/hooks'\nimport { createColumnHelper as coreCreateColumnHelper } from '@tanstack/table-core'\nimport { useTable } from './useTable'\nimport { FlexRender } from './FlexRender'\nimport type {\n  AccessorFn,\n  AccessorFnColumnDef,\n  AccessorKeyColumnDef,\n  Cell,\n  CellContext,\n  CellData,\n  Column,\n  ColumnDef,\n  DeepKeys,\n  DeepValue,\n  DisplayColumnDef,\n  GroupColumnDef,\n  Header,\n  IdentifiedColumnDef,\n  NoInfer,\n  Row,\n  RowData,\n  Table,\n  TableFeatures,\n  TableOptions,\n  TableState,\n} from '@tanstack/table-core'\nimport type { ComponentChildren, ComponentType } from 'preact'\nimport type { PreactTable } from './useTable'\n\n// =============================================================================\n// Enhanced Context Types with Pre-bound Components\n// =============================================================================\n\n/**\n * Enhanced CellContext with pre-bound cell components.\n * The `cell` property includes the registered cellComponents.\n */\nexport type AppCellContext<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n> = {\n  cell: Cell<TFeatures, TData, TValue> &\n    TCellComponents & { FlexRender: () => ComponentChildren }\n  column: Column<TFeatures, TData, TValue>\n  getValue: CellContext<TFeatures, TData, TValue>['getValue']\n  renderValue: CellContext<TFeatures, TData, TValue>['renderValue']\n  row: Row<TFeatures, TData>\n  table: Table<TFeatures, TData>\n}\n\n/**\n * Enhanced HeaderContext with pre-bound header components.\n * The `header` property includes the registered headerComponents.\n */\nexport type AppHeaderContext<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = {\n  column: Column<TFeatures, TData, TValue>\n  header: Header<TFeatures, TData, TValue> &\n    THeaderComponents & { FlexRender: () => ComponentChildren }\n  table: Table<TFeatures, TData>\n}\n\n// =============================================================================\n// Enhanced Column Definition Types\n// =============================================================================\n\n/**\n * Template type for column definitions that can be a string or a function.\n */\ntype AppColumnDefTemplate<TProps extends object> =\n  | string\n  | ((props: TProps) => any)\n\n/**\n * Enhanced column definition base with pre-bound components in cell/header/footer contexts.\n */\ntype AppColumnDefBase<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  IdentifiedColumnDef<TFeatures, TData, TValue>,\n  'cell' | 'header' | 'footer'\n> & {\n  cell?: AppColumnDefTemplate<\n    AppCellContext<TFeatures, TData, TValue, TCellComponents>\n  >\n  header?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, TValue, THeaderComponents>\n  >\n  footer?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, TValue, THeaderComponents>\n  >\n}\n\n/**\n * Enhanced display column definition with pre-bound components.\n */\ntype AppDisplayColumnDef<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  DisplayColumnDef<TFeatures, TData, unknown>,\n  'cell' | 'header' | 'footer'\n> & {\n  cell?: AppColumnDefTemplate<\n    AppCellContext<TFeatures, TData, unknown, TCellComponents>\n  >\n  header?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n  footer?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n}\n\n/**\n * Enhanced group column definition with pre-bound components.\n */\ntype AppGroupColumnDef<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  GroupColumnDef<TFeatures, TData, unknown>,\n  'cell' | 'header' | 'footer' | 'columns'\n> & {\n  cell?: AppColumnDefTemplate<\n    AppCellContext<TFeatures, TData, unknown, TCellComponents>\n  >\n  header?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n  footer?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n  columns?: Array<ColumnDef<TFeatures, TData, unknown>>\n}\n\n// =============================================================================\n// Enhanced Column Helper Type\n// =============================================================================\n\n/**\n * Enhanced column helper with pre-bound components in cell/header/footer contexts.\n * This enables TypeScript to know about the registered components when defining columns.\n */\nexport type AppColumnHelper<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = {\n  /**\n   * Creates a data column definition with an accessor key or function.\n   * The cell, header, and footer contexts include pre-bound components.\n   */\n  accessor: <\n    TAccessor extends AccessorFn<TData> | DeepKeys<TData>,\n    TValue extends TAccessor extends AccessorFn<TData, infer TReturn>\n      ? TReturn\n      : TAccessor extends DeepKeys<TData>\n        ? DeepValue<TData, TAccessor>\n        : never,\n  >(\n    accessor: TAccessor,\n    column: TAccessor extends AccessorFn<TData>\n      ? AppColumnDefBase<\n          TFeatures,\n          TData,\n          TValue,\n          TCellComponents,\n          THeaderComponents\n        > & { id: string }\n      : AppColumnDefBase<\n          TFeatures,\n          TData,\n          TValue,\n          TCellComponents,\n          THeaderComponents\n        >,\n  ) => TAccessor extends AccessorFn<TData>\n    ? AccessorFnColumnDef<TFeatures, TData, TValue>\n    : AccessorKeyColumnDef<TFeatures, TData, TValue>\n\n  /**\n   * Wraps an array of column definitions to preserve each column's individual TValue type.\n   */\n  columns: <TColumns extends ReadonlyArray<ColumnDef<TFeatures, TData, any>>>(\n    columns: [...TColumns],\n  ) => Array<ColumnDef<TFeatures, TData, any>> & [...TColumns]\n\n  /**\n   * Creates a display column definition for non-data columns.\n   * The cell, header, and footer contexts include pre-bound components.\n   */\n  display: (\n    column: AppDisplayColumnDef<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >,\n  ) => DisplayColumnDef<TFeatures, TData, unknown>\n\n  /**\n   * Creates a group column definition with nested child columns.\n   * The cell, header, and footer contexts include pre-bound components.\n   */\n  group: (\n    column: AppGroupColumnDef<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >,\n  ) => GroupColumnDef<TFeatures, TData, unknown>\n}\n\n// =============================================================================\n// CreateTableHook Options and Props\n// =============================================================================\n\n/**\n * Options for creating a table hook with pre-bound components and default table options.\n * Extends all TableOptions except 'columns' | 'data' | 'store' | 'state' | 'initialState'.\n */\nexport type CreateTableHookOptions<\n  TFeatures extends TableFeatures,\n  TTableComponents extends Record<string, ComponentType<any>>,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  TableOptions<TFeatures, any>,\n  'columns' | 'data' | 'store' | 'state' | 'initialState'\n> & {\n  /**\n   * Table-level components that need access to the table instance.\n   * These are available directly on the table object returned by useAppTable.\n   * Use `useTableContext()` inside these components.\n   * @example { PaginationControls, GlobalFilter, RowCount }\n   */\n  tableComponents?: TTableComponents\n  /**\n   * Cell-level components that need access to the cell instance.\n   * These are available on the cell object passed to AppCell's children.\n   * Use `useCellContext()` inside these components.\n   * @example { TextCell, NumberCell, DateCell, CurrencyCell }\n   */\n  cellComponents?: TCellComponents\n  /**\n   * Header-level components that need access to the header instance.\n   * These are available on the header object passed to AppHeader/AppFooter's children.\n   * Use `useHeaderContext()` inside these components.\n   * @example { SortIndicator, ColumnFilter, ResizeHandle }\n   */\n  headerComponents?: THeaderComponents\n}\n\n/**\n * Props for AppTable component - without selector\n */\nexport interface AppTablePropsWithoutSelector {\n  children: ComponentChildren\n  selector?: never\n}\n\n/**\n * Props for AppTable component - with selector\n */\nexport interface AppTablePropsWithSelector<\n  TFeatures extends TableFeatures,\n  TSelected,\n> {\n  children: (state: TSelected) => ComponentChildren\n  selector: (state: TableState<TFeatures>) => TSelected\n}\n\n/**\n * Props for AppCell component - without selector\n */\nexport interface AppCellPropsWithoutSelector<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n> {\n  cell: Cell<TFeatures, TData, TValue>\n  children: (\n    cell: Cell<TFeatures, TData, TValue> &\n      TCellComponents & { FlexRender: () => ComponentChildren },\n  ) => ComponentChildren\n  selector?: never\n}\n\n/**\n * Props for AppCell component - with selector\n */\nexport interface AppCellPropsWithSelector<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  TSelected,\n> {\n  cell: Cell<TFeatures, TData, TValue>\n  children: (\n    cell: Cell<TFeatures, TData, TValue> &\n      TCellComponents & { FlexRender: () => ComponentChildren },\n    state: TSelected,\n  ) => ComponentChildren\n  selector: (state: TableState<TFeatures>) => TSelected\n}\n\n/**\n * Props for AppHeader/AppFooter component - without selector\n */\nexport interface AppHeaderPropsWithoutSelector<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> {\n  header: Header<TFeatures, TData, TValue>\n  children: (\n    header: Header<TFeatures, TData, TValue> &\n      THeaderComponents & { FlexRender: () => ComponentChildren },\n  ) => ComponentChildren\n  selector?: never\n}\n\n/**\n * Props for AppHeader/AppFooter component - with selector\n */\nexport interface AppHeaderPropsWithSelector<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n  TSelected,\n> {\n  header: Header<TFeatures, TData, TValue>\n  children: (\n    header: Header<TFeatures, TData, TValue> &\n      THeaderComponents & { FlexRender: () => ComponentChildren },\n    state: TSelected,\n  ) => ComponentChildren\n  selector: (state: TableState<TFeatures>) => TSelected\n}\n\n/**\n * Component type for AppCell - wraps a cell and provides cell context with optional Subscribe\n */\nexport interface AppCellComponent<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n> {\n  <TValue extends CellData = CellData>(\n    props: AppCellPropsWithoutSelector<\n      TFeatures,\n      TData,\n      TValue,\n      TCellComponents\n    >,\n  ): ComponentChildren\n  <TValue extends CellData = CellData, TSelected = unknown>(\n    props: AppCellPropsWithSelector<\n      TFeatures,\n      TData,\n      TValue,\n      TCellComponents,\n      TSelected\n    >,\n  ): ComponentChildren\n}\n\n/**\n * Component type for AppHeader/AppFooter - wraps a header and provides header context with optional Subscribe\n */\nexport interface AppHeaderComponent<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> {\n  <TValue extends CellData = CellData>(\n    props: AppHeaderPropsWithoutSelector<\n      TFeatures,\n      TData,\n      TValue,\n      THeaderComponents\n    >,\n  ): ComponentChildren\n  <TValue extends CellData = CellData, TSelected = unknown>(\n    props: AppHeaderPropsWithSelector<\n      TFeatures,\n      TData,\n      TValue,\n      THeaderComponents,\n      TSelected\n    >,\n  ): ComponentChildren\n}\n\n/**\n * Component type for AppTable - root wrapper with optional Subscribe\n */\nexport interface AppTableComponent<TFeatures extends TableFeatures> {\n  (props: AppTablePropsWithoutSelector): ComponentChildren\n  <TSelected>(\n    props: AppTablePropsWithSelector<TFeatures, TSelected>,\n  ): ComponentChildren\n}\n\n/**\n * Extended table API returned by useAppTable with all App wrapper components\n */\nexport type AppPreactTable<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TSelected,\n  TTableComponents extends Record<string, ComponentType<any>>,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = PreactTable<TFeatures, TData, TSelected> &\n  NoInfer<TTableComponents> & {\n    /**\n     * Root wrapper component that provides table context with optional Subscribe.\n     * @example\n     * ```tsx\n     * // Without selector - children is ComponentChildren\n     * <table.AppTable>\n     *   <table>...</table>\n     * </table.AppTable>\n     *\n     * // With selector - children receives selected state\n     * <table.AppTable selector={(s) => s.pagination}>\n     *   {(pagination) => <div>Page {pagination.pageIndex}</div>}\n     * </table.AppTable>\n     * ```\n     */\n    AppTable: AppTableComponent<TFeatures>\n    /**\n     * Wraps a cell and provides cell context with pre-bound cellComponents.\n     * Optionally accepts a selector for Subscribe functionality.\n     * @example\n     * ```tsx\n     * // Without selector\n     * <table.AppCell cell={cell}>\n     *   {(c) => <td><c.TextCell /></td>}\n     * </table.AppCell>\n     *\n     * // With selector - children receives cell and selected state\n     * <table.AppCell cell={cell} selector={(s) => s.columnFilters}>\n     *   {(c, filters) => <td>{filters.length}</td>}\n     * </table.AppCell>\n     * ```\n     */\n    AppCell: AppCellComponent<TFeatures, TData, NoInfer<TCellComponents>>\n    /**\n     * Wraps a header and provides header context with pre-bound headerComponents.\n     * Optionally accepts a selector for Subscribe functionality.\n     * @example\n     * ```tsx\n     * // Without selector\n     * <table.AppHeader header={header}>\n     *   {(h) => <th><h.SortIndicator /></th>}\n     * </table.AppHeader>\n     *\n     * // With selector\n     * <table.AppHeader header={header} selector={(s) => s.sorting}>\n     *   {(h, sorting) => <th>{sorting.length} sorted</th>}\n     * </table.AppHeader>\n     * ```\n     */\n    AppHeader: AppHeaderComponent<TFeatures, TData, NoInfer<THeaderComponents>>\n    /**\n     * Wraps a footer and provides header context with pre-bound headerComponents.\n     * Optionally accepts a selector for Subscribe functionality.\n     * @example\n     * ```tsx\n     * <table.AppFooter header={footer}>\n     *   {(f) => <td><table.FlexRender footer={footer} /></td>}\n     * </table.AppFooter>\n     * ```\n     */\n    AppFooter: AppHeaderComponent<TFeatures, TData, NoInfer<THeaderComponents>>\n  }\n\n/**\n * Creates a custom table hook with pre-bound components for composition.\n *\n * This is the table equivalent of TanStack Form's `createFormHook`. It allows you to:\n * - Define features, row models, and default options once, shared across all tables\n * - Register reusable table, cell, and header components\n * - Access table/cell/header instances via context in those components\n * - Get a `useAppTable` hook that returns an extended table with App wrapper components\n * - Get a `createAppColumnHelper` function pre-bound to your features\n *\n * @example\n * ```tsx\n * // hooks/table.ts\n * export const {\n *   useAppTable,\n *   createAppColumnHelper,\n *   useTableContext,\n *   useCellContext,\n *   useHeaderContext,\n * } = createTableHook({\n *   _features: tableFeatures({\n *     rowPaginationFeature,\n *     rowSortingFeature,\n *     columnFilteringFeature,\n *   }),\n *   _rowModels: {\n *     paginatedRowModel: createPaginatedRowModel(),\n *     sortedRowModel: createSortedRowModel(sortFns),\n *     filteredRowModel: createFilteredRowModel(filterFns),\n *   },\n *   tableComponents: { PaginationControls, RowCount },\n *   cellComponents: { TextCell, NumberCell },\n *   headerComponents: { SortIndicator, ColumnFilter },\n * })\n *\n * // Create column helper with TFeatures already bound\n * const columnHelper = createAppColumnHelper<Person>()\n *\n * // components/table-components.tsx\n * function PaginationControls() {\n *   const table = useTableContext() // TFeatures already known!\n *   return <table.Subscribe selector={(s) => s.pagination}>...</table.Subscribe>\n * }\n *\n * // features/users.tsx\n * function UsersTable({ data }: { data: Person[] }) {\n *   const table = useAppTable({\n *     columns,\n *     data, // TData inferred from Person[]\n *   })\n *\n *   return (\n *     <table.AppTable>\n *       <table>\n *         <thead>\n *           {table.getHeaderGroups().map(headerGroup => (\n *             <tr key={headerGroup.id}>\n *               {headerGroup.headers.map(h => (\n *                 <table.AppHeader header={h} key={h.id}>\n *                   {(header) => (\n *                     <th>\n *                       <table.FlexRender header={h} />\n *                       <header.SortIndicator />\n *                     </th>\n *                   )}\n *                 </table.AppHeader>\n *               ))}\n *             </tr>\n *           ))}\n *         </thead>\n *         <tbody>\n *           {table.getRowModel().rows.map(row => (\n *             <tr key={row.id}>\n *               {row.getAllCells().map(c => (\n *                 <table.AppCell cell={c} key={c.id}>\n *                   {(cell) => <td><cell.TextCell /></td>}\n *                 </table.AppCell>\n *               ))}\n *             </tr>\n *           ))}\n *         </tbody>\n *       </table>\n *       <table.PaginationControls />\n *     </table.AppTable>\n *   )\n * }\n * ```\n */\nexport function createTableHook<\n  TFeatures extends TableFeatures,\n  const TTableComponents extends Record<string, ComponentType<any>>,\n  const TCellComponents extends Record<string, ComponentType<any>>,\n  const THeaderComponents extends Record<string, ComponentType<any>>,\n>({\n  tableComponents,\n  cellComponents,\n  headerComponents,\n  ...defaultTableOptions\n}: CreateTableHookOptions<\n  TFeatures,\n  TTableComponents,\n  TCellComponents,\n  THeaderComponents\n>) {\n  // Create contexts internally with TFeatures baked in\n  const TableContext = createContext<PreactTable<TFeatures, any, any>>(\n    null as never,\n  )\n  const CellContext = createContext<Cell<TFeatures, any, any>>(null as never)\n  const HeaderContext = createContext<Header<TFeatures, any, any>>(\n    null as never,\n  )\n\n  /**\n   * Create a column helper pre-bound to the features and components configured in this table hook.\n   * The cell, header, and footer contexts include pre-bound components (e.g., `cell.TextCell`).\n   * @example\n   * ```tsx\n   * const columnHelper = createAppColumnHelper<Person>()\n   *\n   * const columns = [\n   *   columnHelper.accessor('firstName', {\n   *     header: 'First Name',\n   *     cell: ({ cell }) => <cell.TextCell />, // cell has pre-bound components!\n   *   }),\n   *   columnHelper.accessor('age', {\n   *     header: 'Age',\n   *     cell: ({ cell }) => <cell.NumberCell />,\n   *   }),\n   * ]\n   * ```\n   */\n  function createAppColumnHelper<TData extends RowData>(): AppColumnHelper<\n    TFeatures,\n    TData,\n    TCellComponents,\n    THeaderComponents\n  > {\n    // The runtime implementation is the same - components are attached at render time\n    // This cast provides the enhanced types for column definitions\n    return coreCreateColumnHelper<TFeatures, TData>() as AppColumnHelper<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  /**\n   * Access the table instance from within an `AppTable` wrapper.\n   * Use this in custom `tableComponents` passed to `createTableHook`.\n   * TFeatures is already known from the createTableHook call.\n   *\n   * @example\n   * ```tsx\n   * function PaginationControls() {\n   *   const table = useTableContext()\n   *   return (\n   *     <table.Subscribe selector={(s) => s.pagination}>\n   *       {(pagination) => (\n   *         <div>\n   *           <button onClick={() => table.previousPage()}>Prev</button>\n   *           <span>Page {pagination.pageIndex + 1}</span>\n   *           <button onClick={() => table.nextPage()}>Next</button>\n   *         </div>\n   *       )}\n   *     </table.Subscribe>\n   *   )\n   * }\n   * ```\n   */\n  function useTableContext<TData extends RowData = RowData>(): PreactTable<\n    TFeatures,\n    TData\n  > {\n    const table = useContext(TableContext)\n\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    if (!table) {\n      throw new Error(\n        '`useTableContext` must be used within an `AppTable` component. ' +\n          'Make sure your component is wrapped with `<table.AppTable>...</table.AppTable>`.',\n      )\n    }\n\n    return table as PreactTable<TFeatures, TData>\n  }\n\n  /**\n   * Access the cell instance from within an `AppCell` wrapper.\n   * Use this in custom `cellComponents` passed to `createTableHook`.\n   * TFeatures is already known from the createTableHook call.\n   *\n   * @example\n   * ```tsx\n   * function TextCell() {\n   *   const cell = useCellContext<string>()\n   *   return <span>{cell.getValue()}</span>\n   * }\n   *\n   * function NumberCell({ format }: { format?: Intl.NumberFormatOptions }) {\n   *   const cell = useCellContext<number>()\n   *   return <span>{cell.getValue().toLocaleString(undefined, format)}</span>\n   * }\n   * ```\n   */\n  function useCellContext<TValue extends CellData = CellData>() {\n    const cell = useContext(CellContext)\n\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    if (!cell) {\n      throw new Error(\n        '`useCellContext` must be used within an `AppCell` component. ' +\n          'Make sure your component is wrapped with `<table.AppCell cell={cell}>...</table.AppCell>`.',\n      )\n    }\n\n    return cell as Cell<TFeatures, any, TValue>\n  }\n\n  /**\n   * Access the header instance from within an `AppHeader` or `AppFooter` wrapper.\n   * Use this in custom `headerComponents` passed to `createTableHook`.\n   * TFeatures is already known from the createTableHook call.\n   *\n   * @example\n   * ```tsx\n   * function SortIndicator() {\n   *   const header = useHeaderContext()\n   *   const sorted = header.column.getIsSorted()\n   *   return sorted === 'asc' ? '🔼' : sorted === 'desc' ? '🔽' : null\n   * }\n   *\n   * function ColumnFilter() {\n   *   const header = useHeaderContext()\n   *   if (!header.column.getCanFilter()) return null\n   *   return (\n   *     <input\n   *       value={(header.column.getFilterValue() ?? '') as string}\n   *       onChange={(e) => header.column.setFilterValue(e.target.value)}\n   *       placeholder=\"Filter...\"\n   *     />\n   *   )\n   * }\n   * ```\n   */\n  function useHeaderContext<TValue extends CellData = CellData>() {\n    const header = useContext(HeaderContext)\n\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    if (!header) {\n      throw new Error(\n        '`useHeaderContext` must be used within an `AppHeader` or `AppFooter` component.',\n      )\n    }\n\n    return header as Header<TFeatures, any, TValue>\n  }\n\n  /**\n   * Context-aware FlexRender component for cells.\n   * Uses the cell from context, so no need to pass cell prop.\n   */\n  function CellFlexRender() {\n    const cell = useCellContext()\n    return <FlexRender cell={cell} />\n  }\n\n  /**\n   * Context-aware FlexRender component for headers.\n   * Uses the header from context, so no need to pass header prop.\n   */\n  function HeaderFlexRender() {\n    const header = useHeaderContext()\n    return <FlexRender header={header} />\n  }\n\n  /**\n   * Context-aware FlexRender component for footers.\n   * Uses the header from context, so no need to pass footer prop.\n   */\n  function FooterFlexRender() {\n    const header = useHeaderContext()\n    return <FlexRender footer={header} />\n  }\n\n  /**\n   * Enhanced useTable hook that returns a table with App wrapper components\n   * and pre-bound tableComponents attached directly to the table object.\n   *\n   * Default options from createTableHook are automatically merged with\n   * the options passed here. Options passed here take precedence.\n   *\n   * TFeatures is already known from the createTableHook call; TData is inferred from the data prop.\n   */\n  function useAppTable<TData extends RowData, TSelected = {}>(\n    tableOptions: Omit<\n      TableOptions<TFeatures, TData>,\n      '_features' | '_rowModels'\n    >,\n    selector?: (state: TableState<TFeatures>) => TSelected,\n  ): AppPreactTable<\n    TFeatures,\n    TData,\n    TSelected,\n    TTableComponents,\n    TCellComponents,\n    THeaderComponents\n  > {\n    // Merge default options with provided options (provided takes precedence)\n    const table = useTable<TFeatures, TData, TSelected>(\n      { ...defaultTableOptions, ...tableOptions } as TableOptions<\n        TFeatures,\n        TData\n      >,\n      selector,\n    )\n\n    // AppTable - Root wrapper that provides table context with optional Subscribe\n    const AppTable = useMemo(() => {\n      function AppTableImpl(\n        props: AppTablePropsWithoutSelector,\n      ): ComponentChildren\n      function AppTableImpl<TAppTableSelected>(\n        props: AppTablePropsWithSelector<TFeatures, TAppTableSelected>,\n      ): ComponentChildren\n      function AppTableImpl<TAppTableSelected>(\n        props:\n          | AppTablePropsWithoutSelector\n          | AppTablePropsWithSelector<TFeatures, TAppTableSelected>,\n      ): ComponentChildren {\n        const { children, selector: appTableSelector } = props as any\n\n        return (\n          <TableContext.Provider value={table}>\n            {appTableSelector ? (\n              <table.Subscribe selector={appTableSelector}>\n                {(state: TAppTableSelected) =>\n                  (children as (state: TAppTableSelected) => ComponentChildren)(\n                    state,\n                  )\n                }\n              </table.Subscribe>\n            ) : (\n              children\n            )}\n          </TableContext.Provider>\n        )\n      }\n      return AppTableImpl as AppTableComponent<TFeatures>\n    }, [table])\n\n    // AppCell - Wraps cell with context, pre-bound cellComponents, and optional Subscribe\n    const AppCell = useMemo(() => {\n      function AppCellImpl<TValue extends CellData = CellData>(\n        props: AppCellPropsWithoutSelector<\n          TFeatures,\n          TData,\n          TValue,\n          TCellComponents\n        >,\n      ): ComponentChildren\n      function AppCellImpl<\n        TValue extends CellData = CellData,\n        TAppCellSelected = unknown,\n      >(\n        props: AppCellPropsWithSelector<\n          TFeatures,\n          TData,\n          TValue,\n          TCellComponents,\n          TAppCellSelected\n        >,\n      ): ComponentChildren\n      function AppCellImpl<\n        TValue extends CellData = CellData,\n        TAppCellSelected = unknown,\n      >(\n        props:\n          | AppCellPropsWithoutSelector<\n              TFeatures,\n              TData,\n              TValue,\n              TCellComponents\n            >\n          | AppCellPropsWithSelector<\n              TFeatures,\n              TData,\n              TValue,\n              TCellComponents,\n              TAppCellSelected\n            >,\n      ): ComponentChildren {\n        const { cell, children, selector: appCellSelector } = props as any\n        const extendedCell = Object.assign(cell, {\n          FlexRender: CellFlexRender,\n          ...cellComponents,\n        })\n\n        return (\n          <CellContext.Provider value={cell}>\n            {appCellSelector ? (\n              <table.Subscribe selector={appCellSelector}>\n                {(state: TAppCellSelected) =>\n                  (\n                    children as (\n                      cell: Cell<TFeatures, TData, TValue> &\n                        TCellComponents & {\n                          FlexRender: () => ComponentChildren\n                        },\n                      state: TAppCellSelected,\n                    ) => ComponentChildren\n                  )(extendedCell, state)\n                }\n              </table.Subscribe>\n            ) : (\n              (\n                children as (\n                  cell: Cell<TFeatures, TData, TValue> &\n                    TCellComponents & { FlexRender: () => ComponentChildren },\n                ) => ComponentChildren\n              )(extendedCell)\n            )}\n          </CellContext.Provider>\n        )\n      }\n      return AppCellImpl as AppCellComponent<TFeatures, TData, TCellComponents>\n    }, [table])\n\n    // AppHeader - Wraps header with context, pre-bound headerComponents, and optional Subscribe\n    const AppHeader = useMemo(() => {\n      function AppHeaderImpl<TValue extends CellData = CellData>(\n        props: AppHeaderPropsWithoutSelector<\n          TFeatures,\n          TData,\n          TValue,\n          THeaderComponents\n        >,\n      ): ComponentChildren\n      function AppHeaderImpl<\n        TValue extends CellData = CellData,\n        TAppHeaderSelected = unknown,\n      >(\n        props: AppHeaderPropsWithSelector<\n          TFeatures,\n          TData,\n          TValue,\n          THeaderComponents,\n          TAppHeaderSelected\n        >,\n      ): ComponentChildren\n      function AppHeaderImpl<\n        TValue extends CellData = CellData,\n        TAppHeaderSelected = unknown,\n      >(\n        props:\n          | AppHeaderPropsWithoutSelector<\n              TFeatures,\n              TData,\n              TValue,\n              THeaderComponents\n            >\n          | AppHeaderPropsWithSelector<\n              TFeatures,\n              TData,\n              TValue,\n              THeaderComponents,\n              TAppHeaderSelected\n            >,\n      ): ComponentChildren {\n        const { header, children, selector: appHeaderSelector } = props as any\n        const extendedHeader = Object.assign(header, {\n          FlexRender: HeaderFlexRender,\n          ...headerComponents,\n        })\n\n        return (\n          <HeaderContext.Provider value={header}>\n            {appHeaderSelector ? (\n              <table.Subscribe selector={appHeaderSelector}>\n                {(state: TAppHeaderSelected) =>\n                  (\n                    children as (\n                      header: Header<TFeatures, TData, TValue> &\n                        THeaderComponents,\n                      state: TAppHeaderSelected,\n                    ) => ComponentChildren\n                  )(extendedHeader, state)\n                }\n              </table.Subscribe>\n            ) : (\n              (\n                children as (\n                  header: Header<TFeatures, TData, TValue> &\n                    THeaderComponents & { FlexRender: () => ComponentChildren },\n                ) => ComponentChildren\n              )(extendedHeader)\n            )}\n          </HeaderContext.Provider>\n        )\n      }\n      return AppHeaderImpl as AppHeaderComponent<\n        TFeatures,\n        TData,\n        THeaderComponents\n      >\n    }, [table])\n\n    // AppFooter - Same as AppHeader (footers use Header type)\n    const AppFooter = useMemo(() => {\n      function AppFooterImpl<TValue extends CellData = CellData>(\n        props: AppHeaderPropsWithoutSelector<\n          TFeatures,\n          TData,\n          TValue,\n          THeaderComponents\n        >,\n      ): ComponentChildren\n      function AppFooterImpl<\n        TValue extends CellData = CellData,\n        TAppFooterSelected = unknown,\n      >(\n        props: AppHeaderPropsWithSelector<\n          TFeatures,\n          TData,\n          TValue,\n          THeaderComponents,\n          TAppFooterSelected\n        >,\n      ): ComponentChildren\n      function AppFooterImpl<\n        TValue extends CellData = CellData,\n        TAppFooterSelected = unknown,\n      >(\n        props:\n          | AppHeaderPropsWithoutSelector<\n              TFeatures,\n              TData,\n              TValue,\n              THeaderComponents\n            >\n          | AppHeaderPropsWithSelector<\n              TFeatures,\n              TData,\n              TValue,\n              THeaderComponents,\n              TAppFooterSelected\n            >,\n      ): ComponentChildren {\n        const { header, children, selector: appFooterSelector } = props as any\n        const extendedHeader = Object.assign(header, {\n          FlexRender: FooterFlexRender,\n          ...headerComponents,\n        })\n\n        return (\n          <HeaderContext.Provider value={header}>\n            {appFooterSelector ? (\n              <table.Subscribe selector={appFooterSelector}>\n                {(state: TAppFooterSelected) =>\n                  (\n                    children as (\n                      header: Header<TFeatures, TData, TValue> &\n                        THeaderComponents,\n                      state: TAppFooterSelected,\n                    ) => ComponentChildren\n                  )(extendedHeader, state)\n                }\n              </table.Subscribe>\n            ) : (\n              (\n                children as (\n                  header: Header<TFeatures, TData, TValue> &\n                    THeaderComponents & { FlexRender: () => ComponentChildren },\n                ) => ComponentChildren\n              )(extendedHeader)\n            )}\n          </HeaderContext.Provider>\n        )\n      }\n      return AppFooterImpl as AppHeaderComponent<\n        TFeatures,\n        TData,\n        THeaderComponents\n      >\n    }, [table])\n\n    // Combine everything into the extended table API\n    const extendedTable = useMemo(() => {\n      return Object.assign(table, {\n        AppTable,\n        AppCell,\n        AppHeader,\n        AppFooter,\n        ...tableComponents,\n      }) as AppPreactTable<\n        TFeatures,\n        TData,\n        TSelected,\n        TTableComponents,\n        TCellComponents,\n        THeaderComponents\n      >\n    }, [table, AppTable, AppCell, AppHeader, AppFooter])\n\n    return extendedTable\n  }\n\n  return {\n    appFeatures: defaultTableOptions._features as TFeatures,\n    createAppColumnHelper,\n    useAppTable,\n    useTableContext,\n    useCellContext,\n    useHeaderContext,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"createTableHook.js","names":["coreCreateColumnHelper"],"sources":["../src/createTableHook.tsx"],"sourcesContent":["'use client'\nimport { createContext } from 'preact'\nimport { useContext, useMemo } from 'preact/hooks'\nimport { createColumnHelper as coreCreateColumnHelper } from '@tanstack/table-core'\nimport { useTable } from './useTable'\nimport { FlexRender } from './FlexRender'\nimport type {\n  AccessorFn,\n  AccessorFnColumnDef,\n  AccessorKeyColumnDef,\n  Cell,\n  CellContext,\n  CellData,\n  Column,\n  ColumnDef,\n  DeepKeys,\n  DeepValue,\n  DisplayColumnDef,\n  GroupColumnDef,\n  Header,\n  IdentifiedColumnDef,\n  NoInfer,\n  Row,\n  RowData,\n  Table,\n  TableFeatures,\n  TableOptions,\n  TableState,\n} from '@tanstack/table-core'\nimport type { ComponentChildren, ComponentType } from 'preact'\nimport type { PreactTable } from './useTable'\n\n// =============================================================================\n// Enhanced Context Types with Pre-bound Components\n// =============================================================================\n\n/**\n * Enhanced CellContext with pre-bound cell components.\n * The `cell` property includes the registered cellComponents.\n */\nexport type AppCellContext<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n> = {\n  cell: Cell<TFeatures, TData, TValue> &\n    TCellComponents & { FlexRender: () => ComponentChildren }\n  column: Column<TFeatures, TData, TValue>\n  getValue: CellContext<TFeatures, TData, TValue>['getValue']\n  renderValue: CellContext<TFeatures, TData, TValue>['renderValue']\n  row: Row<TFeatures, TData>\n  table: Table<TFeatures, TData>\n}\n\n/**\n * Enhanced HeaderContext with pre-bound header components.\n * The `header` property includes the registered headerComponents.\n */\nexport type AppHeaderContext<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = {\n  column: Column<TFeatures, TData, TValue>\n  header: Header<TFeatures, TData, TValue> &\n    THeaderComponents & { FlexRender: () => ComponentChildren }\n  table: Table<TFeatures, TData>\n}\n\n// =============================================================================\n// Enhanced Column Definition Types\n// =============================================================================\n\n/**\n * Template type for column definitions that can be a string or a function.\n */\nexport type AppColumnDefTemplate<TProps extends object> =\n  | string\n  | ((props: TProps) => any)\n\n/**\n * Enhanced column definition base with pre-bound components in cell/header/footer contexts.\n */\nexport type AppColumnDefBase<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  IdentifiedColumnDef<TFeatures, TData, TValue>,\n  'cell' | 'header' | 'footer'\n> & {\n  cell?: AppColumnDefTemplate<\n    AppCellContext<TFeatures, TData, TValue, TCellComponents>\n  >\n  header?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, TValue, THeaderComponents>\n  >\n  footer?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, TValue, THeaderComponents>\n  >\n}\n\n/**\n * Enhanced display column definition with pre-bound components.\n */\nexport type AppDisplayColumnDef<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  DisplayColumnDef<TFeatures, TData, unknown>,\n  'cell' | 'header' | 'footer'\n> & {\n  cell?: AppColumnDefTemplate<\n    AppCellContext<TFeatures, TData, unknown, TCellComponents>\n  >\n  header?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n  footer?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n}\n\n/**\n * Enhanced group column definition with pre-bound components.\n */\nexport type AppGroupColumnDef<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  GroupColumnDef<TFeatures, TData, unknown>,\n  'cell' | 'header' | 'footer' | 'columns'\n> & {\n  cell?: AppColumnDefTemplate<\n    AppCellContext<TFeatures, TData, unknown, TCellComponents>\n  >\n  header?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n  footer?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n  columns?: Array<ColumnDef<TFeatures, TData, unknown>>\n}\n\n// =============================================================================\n// Enhanced Column Helper Type\n// =============================================================================\n\n/**\n * Enhanced column helper with pre-bound components in cell/header/footer contexts.\n * This enables TypeScript to know about the registered components when defining columns.\n */\nexport type AppColumnHelper<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = {\n  /**\n   * Creates a data column definition with an accessor key or function.\n   * The cell, header, and footer contexts include pre-bound components.\n   */\n  accessor: <\n    TAccessor extends AccessorFn<TData> | DeepKeys<TData>,\n    TValue extends TAccessor extends AccessorFn<TData, infer TReturn>\n      ? TReturn\n      : TAccessor extends DeepKeys<TData>\n        ? DeepValue<TData, TAccessor>\n        : never,\n  >(\n    accessor: TAccessor,\n    column: TAccessor extends AccessorFn<TData>\n      ? AppColumnDefBase<\n          TFeatures,\n          TData,\n          TValue,\n          TCellComponents,\n          THeaderComponents\n        > & { id: string }\n      : AppColumnDefBase<\n          TFeatures,\n          TData,\n          TValue,\n          TCellComponents,\n          THeaderComponents\n        >,\n  ) => TAccessor extends AccessorFn<TData>\n    ? AccessorFnColumnDef<TFeatures, TData, TValue>\n    : AccessorKeyColumnDef<TFeatures, TData, TValue>\n\n  /**\n   * Wraps an array of column definitions to preserve each column's individual TValue type.\n   */\n  columns: <TColumns extends ReadonlyArray<ColumnDef<TFeatures, TData, any>>>(\n    columns: [...TColumns],\n  ) => Array<ColumnDef<TFeatures, TData, any>> & [...TColumns]\n\n  /**\n   * Creates a display column definition for non-data columns.\n   * The cell, header, and footer contexts include pre-bound components.\n   */\n  display: (\n    column: AppDisplayColumnDef<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >,\n  ) => DisplayColumnDef<TFeatures, TData, unknown>\n\n  /**\n   * Creates a group column definition with nested child columns.\n   * The cell, header, and footer contexts include pre-bound components.\n   */\n  group: (\n    column: AppGroupColumnDef<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >,\n  ) => GroupColumnDef<TFeatures, TData, unknown>\n}\n\n// =============================================================================\n// CreateTableHook Options and Props\n// =============================================================================\n\n/**\n * Options for creating a table hook with pre-bound components and default table options.\n * Extends all TableOptions except 'columns' | 'data' | 'store' | 'state' | 'initialState'.\n */\nexport type CreateTableHookOptions<\n  TFeatures extends TableFeatures,\n  TTableComponents extends Record<string, ComponentType<any>>,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  TableOptions<TFeatures, any>,\n  'columns' | 'data' | 'store' | 'state' | 'initialState'\n> & {\n  /**\n   * Table-level components that need access to the table instance.\n   * These are available directly on the table object returned by useAppTable.\n   * Use `useTableContext()` inside these components.\n   * @example { PaginationControls, GlobalFilter, RowCount }\n   */\n  tableComponents?: TTableComponents\n  /**\n   * Cell-level components that need access to the cell instance.\n   * These are available on the cell object passed to AppCell's children.\n   * Use `useCellContext()` inside these components.\n   * @example { TextCell, NumberCell, DateCell, CurrencyCell }\n   */\n  cellComponents?: TCellComponents\n  /**\n   * Header-level components that need access to the header instance.\n   * These are available on the header object passed to AppHeader/AppFooter's children.\n   * Use `useHeaderContext()` inside these components.\n   * @example { SortIndicator, ColumnFilter, ResizeHandle }\n   */\n  headerComponents?: THeaderComponents\n}\n\n/**\n * Props for AppTable component - without selector\n */\nexport interface AppTablePropsWithoutSelector {\n  children: ComponentChildren\n  selector?: never\n}\n\n/**\n * Props for AppTable component - with selector\n */\nexport interface AppTablePropsWithSelector<\n  TFeatures extends TableFeatures,\n  TSelected,\n> {\n  children: (state: TSelected) => ComponentChildren\n  selector: (state: TableState<TFeatures>) => TSelected\n}\n\n/**\n * Props for AppCell component - without selector\n */\nexport interface AppCellPropsWithoutSelector<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n> {\n  cell: Cell<TFeatures, TData, TValue>\n  children: (\n    cell: Cell<TFeatures, TData, TValue> &\n      TCellComponents & { FlexRender: () => ComponentChildren },\n  ) => ComponentChildren\n  selector?: never\n}\n\n/**\n * Props for AppCell component - with selector\n */\nexport interface AppCellPropsWithSelector<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  TSelected,\n> {\n  cell: Cell<TFeatures, TData, TValue>\n  children: (\n    cell: Cell<TFeatures, TData, TValue> &\n      TCellComponents & { FlexRender: () => ComponentChildren },\n    state: TSelected,\n  ) => ComponentChildren\n  selector: (state: TableState<TFeatures>) => TSelected\n}\n\n/**\n * Props for AppHeader/AppFooter component - without selector\n */\nexport interface AppHeaderPropsWithoutSelector<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> {\n  header: Header<TFeatures, TData, TValue>\n  children: (\n    header: Header<TFeatures, TData, TValue> &\n      THeaderComponents & { FlexRender: () => ComponentChildren },\n  ) => ComponentChildren\n  selector?: never\n}\n\n/**\n * Props for AppHeader/AppFooter component - with selector\n */\nexport interface AppHeaderPropsWithSelector<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n  TSelected,\n> {\n  header: Header<TFeatures, TData, TValue>\n  children: (\n    header: Header<TFeatures, TData, TValue> &\n      THeaderComponents & { FlexRender: () => ComponentChildren },\n    state: TSelected,\n  ) => ComponentChildren\n  selector: (state: TableState<TFeatures>) => TSelected\n}\n\n/**\n * Component type for AppCell - wraps a cell and provides cell context with optional Subscribe\n */\nexport interface AppCellComponent<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n> {\n  <TValue extends CellData = CellData>(\n    props: AppCellPropsWithoutSelector<\n      TFeatures,\n      TData,\n      TValue,\n      TCellComponents\n    >,\n  ): ComponentChildren\n  <TValue extends CellData = CellData, TSelected = unknown>(\n    props: AppCellPropsWithSelector<\n      TFeatures,\n      TData,\n      TValue,\n      TCellComponents,\n      TSelected\n    >,\n  ): ComponentChildren\n}\n\n/**\n * Component type for AppHeader/AppFooter - wraps a header and provides header context with optional Subscribe\n */\nexport interface AppHeaderComponent<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> {\n  <TValue extends CellData = CellData>(\n    props: AppHeaderPropsWithoutSelector<\n      TFeatures,\n      TData,\n      TValue,\n      THeaderComponents\n    >,\n  ): ComponentChildren\n  <TValue extends CellData = CellData, TSelected = unknown>(\n    props: AppHeaderPropsWithSelector<\n      TFeatures,\n      TData,\n      TValue,\n      THeaderComponents,\n      TSelected\n    >,\n  ): ComponentChildren\n}\n\n/**\n * Component type for AppTable - root wrapper with optional Subscribe\n */\nexport interface AppTableComponent<TFeatures extends TableFeatures> {\n  (props: AppTablePropsWithoutSelector): ComponentChildren\n  <TSelected>(\n    props: AppTablePropsWithSelector<TFeatures, TSelected>,\n  ): ComponentChildren\n}\n\n/**\n * Extended table API returned by useAppTable with all App wrapper components\n */\nexport type AppPreactTable<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TSelected,\n  TTableComponents extends Record<string, ComponentType<any>>,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = PreactTable<TFeatures, TData, TSelected> &\n  NoInfer<TTableComponents> & {\n    /**\n     * Root wrapper component that provides table context with optional Subscribe.\n     * @example\n     * ```tsx\n     * // Without selector - children is ComponentChildren\n     * <table.AppTable>\n     *   <table>...</table>\n     * </table.AppTable>\n     *\n     * // With selector - children receives selected state\n     * <table.AppTable selector={(s) => s.pagination}>\n     *   {(pagination) => <div>Page {pagination.pageIndex}</div>}\n     * </table.AppTable>\n     * ```\n     */\n    AppTable: AppTableComponent<TFeatures>\n    /**\n     * Wraps a cell and provides cell context with pre-bound cellComponents.\n     * Optionally accepts a selector for Subscribe functionality.\n     * @example\n     * ```tsx\n     * // Without selector\n     * <table.AppCell cell={cell}>\n     *   {(c) => <td><c.TextCell /></td>}\n     * </table.AppCell>\n     *\n     * // With selector - children receives cell and selected state\n     * <table.AppCell cell={cell} selector={(s) => s.columnFilters}>\n     *   {(c, filters) => <td>{filters.length}</td>}\n     * </table.AppCell>\n     * ```\n     */\n    AppCell: AppCellComponent<TFeatures, TData, NoInfer<TCellComponents>>\n    /**\n     * Wraps a header and provides header context with pre-bound headerComponents.\n     * Optionally accepts a selector for Subscribe functionality.\n     * @example\n     * ```tsx\n     * // Without selector\n     * <table.AppHeader header={header}>\n     *   {(h) => <th><h.SortIndicator /></th>}\n     * </table.AppHeader>\n     *\n     * // With selector\n     * <table.AppHeader header={header} selector={(s) => s.sorting}>\n     *   {(h, sorting) => <th>{sorting.length} sorted</th>}\n     * </table.AppHeader>\n     * ```\n     */\n    AppHeader: AppHeaderComponent<TFeatures, TData, NoInfer<THeaderComponents>>\n    /**\n     * Wraps a footer and provides header context with pre-bound headerComponents.\n     * Optionally accepts a selector for Subscribe functionality.\n     * @example\n     * ```tsx\n     * <table.AppFooter header={footer}>\n     *   {(f) => <td><table.FlexRender footer={footer} /></td>}\n     * </table.AppFooter>\n     * ```\n     */\n    AppFooter: AppHeaderComponent<TFeatures, TData, NoInfer<THeaderComponents>>\n  }\n\n/**\n * Creates a custom table hook with pre-bound components for composition.\n *\n * This is the table equivalent of TanStack Form's `createFormHook`. It allows you to:\n * - Define features, row models, and default options once, shared across all tables\n * - Register reusable table, cell, and header components\n * - Access table/cell/header instances via context in those components\n * - Get a `useAppTable` hook that returns an extended table with App wrapper components\n * - Get a `createAppColumnHelper` function pre-bound to your features\n *\n * @example\n * ```tsx\n * // hooks/table.ts\n * export const {\n *   useAppTable,\n *   createAppColumnHelper,\n *   useTableContext,\n *   useCellContext,\n *   useHeaderContext,\n * } = createTableHook({\n *   _features: tableFeatures({\n *     rowPaginationFeature,\n *     rowSortingFeature,\n *     columnFilteringFeature,\n *   }),\n *   _rowModels: {\n *     paginatedRowModel: createPaginatedRowModel(),\n *     sortedRowModel: createSortedRowModel(sortFns),\n *     filteredRowModel: createFilteredRowModel(filterFns),\n *   },\n *   tableComponents: { PaginationControls, RowCount },\n *   cellComponents: { TextCell, NumberCell },\n *   headerComponents: { SortIndicator, ColumnFilter },\n * })\n *\n * // Create column helper with TFeatures already bound\n * const columnHelper = createAppColumnHelper<Person>()\n *\n * // components/table-components.tsx\n * function PaginationControls() {\n *   const table = useTableContext() // TFeatures already known!\n *   return <table.Subscribe selector={(s) => s.pagination}>...</table.Subscribe>\n * }\n *\n * // features/users.tsx\n * function UsersTable({ data }: { data: Person[] }) {\n *   const table = useAppTable({\n *     columns,\n *     data, // TData inferred from Person[]\n *   })\n *\n *   return (\n *     <table.AppTable>\n *       <table>\n *         <thead>\n *           {table.getHeaderGroups().map(headerGroup => (\n *             <tr key={headerGroup.id}>\n *               {headerGroup.headers.map(h => (\n *                 <table.AppHeader header={h} key={h.id}>\n *                   {(header) => (\n *                     <th>\n *                       <table.FlexRender header={h} />\n *                       <header.SortIndicator />\n *                     </th>\n *                   )}\n *                 </table.AppHeader>\n *               ))}\n *             </tr>\n *           ))}\n *         </thead>\n *         <tbody>\n *           {table.getRowModel().rows.map(row => (\n *             <tr key={row.id}>\n *               {row.getAllCells().map(c => (\n *                 <table.AppCell cell={c} key={c.id}>\n *                   {(cell) => <td><cell.TextCell /></td>}\n *                 </table.AppCell>\n *               ))}\n *             </tr>\n *           ))}\n *         </tbody>\n *       </table>\n *       <table.PaginationControls />\n *     </table.AppTable>\n *   )\n * }\n * ```\n */\nexport function createTableHook<\n  TFeatures extends TableFeatures,\n  const TTableComponents extends Record<string, ComponentType<any>>,\n  const TCellComponents extends Record<string, ComponentType<any>>,\n  const THeaderComponents extends Record<string, ComponentType<any>>,\n>({\n  tableComponents,\n  cellComponents,\n  headerComponents,\n  ...defaultTableOptions\n}: CreateTableHookOptions<\n  TFeatures,\n  TTableComponents,\n  TCellComponents,\n  THeaderComponents\n>) {\n  // Create contexts internally with TFeatures baked in\n  const TableContext = createContext<PreactTable<TFeatures, any, any>>(\n    null as never,\n  )\n  const CellContext = createContext<Cell<TFeatures, any, any>>(null as never)\n  const HeaderContext = createContext<Header<TFeatures, any, any>>(\n    null as never,\n  )\n\n  /**\n   * Create a column helper pre-bound to the features and components configured in this table hook.\n   * The cell, header, and footer contexts include pre-bound components (e.g., `cell.TextCell`).\n   * @example\n   * ```tsx\n   * const columnHelper = createAppColumnHelper<Person>()\n   *\n   * const columns = [\n   *   columnHelper.accessor('firstName', {\n   *     header: 'First Name',\n   *     cell: ({ cell }) => <cell.TextCell />, // cell has pre-bound components!\n   *   }),\n   *   columnHelper.accessor('age', {\n   *     header: 'Age',\n   *     cell: ({ cell }) => <cell.NumberCell />,\n   *   }),\n   * ]\n   * ```\n   */\n  function createAppColumnHelper<TData extends RowData>(): AppColumnHelper<\n    TFeatures,\n    TData,\n    TCellComponents,\n    THeaderComponents\n  > {\n    // The runtime implementation is the same - components are attached at render time\n    // This cast provides the enhanced types for column definitions\n    return coreCreateColumnHelper<TFeatures, TData>() as AppColumnHelper<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  /**\n   * Access the table instance from within an `AppTable` wrapper.\n   * Use this in custom `tableComponents` passed to `createTableHook`.\n   * TFeatures is already known from the createTableHook call.\n   *\n   * @example\n   * ```tsx\n   * function PaginationControls() {\n   *   const table = useTableContext()\n   *   return (\n   *     <table.Subscribe selector={(s) => s.pagination}>\n   *       {(pagination) => (\n   *         <div>\n   *           <button onClick={() => table.previousPage()}>Prev</button>\n   *           <span>Page {pagination.pageIndex + 1}</span>\n   *           <button onClick={() => table.nextPage()}>Next</button>\n   *         </div>\n   *       )}\n   *     </table.Subscribe>\n   *   )\n   * }\n   * ```\n   */\n  function useTableContext<TData extends RowData = RowData>(): PreactTable<\n    TFeatures,\n    TData\n  > {\n    const table = useContext(TableContext)\n\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    if (!table) {\n      throw new Error(\n        '`useTableContext` must be used within an `AppTable` component. ' +\n          'Make sure your component is wrapped with `<table.AppTable>...</table.AppTable>`.',\n      )\n    }\n\n    return table as PreactTable<TFeatures, TData>\n  }\n\n  /**\n   * Access the cell instance from within an `AppCell` wrapper.\n   * Use this in custom `cellComponents` passed to `createTableHook`.\n   * TFeatures is already known from the createTableHook call.\n   *\n   * @example\n   * ```tsx\n   * function TextCell() {\n   *   const cell = useCellContext<string>()\n   *   return <span>{cell.getValue()}</span>\n   * }\n   *\n   * function NumberCell({ format }: { format?: Intl.NumberFormatOptions }) {\n   *   const cell = useCellContext<number>()\n   *   return <span>{cell.getValue().toLocaleString(undefined, format)}</span>\n   * }\n   * ```\n   */\n  function useCellContext<TValue extends CellData = CellData>() {\n    const cell = useContext(CellContext)\n\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    if (!cell) {\n      throw new Error(\n        '`useCellContext` must be used within an `AppCell` component. ' +\n          'Make sure your component is wrapped with `<table.AppCell cell={cell}>...</table.AppCell>`.',\n      )\n    }\n\n    return cell as Cell<TFeatures, any, TValue>\n  }\n\n  /**\n   * Access the header instance from within an `AppHeader` or `AppFooter` wrapper.\n   * Use this in custom `headerComponents` passed to `createTableHook`.\n   * TFeatures is already known from the createTableHook call.\n   *\n   * @example\n   * ```tsx\n   * function SortIndicator() {\n   *   const header = useHeaderContext()\n   *   const sorted = header.column.getIsSorted()\n   *   return sorted === 'asc' ? '🔼' : sorted === 'desc' ? '🔽' : null\n   * }\n   *\n   * function ColumnFilter() {\n   *   const header = useHeaderContext()\n   *   if (!header.column.getCanFilter()) return null\n   *   return (\n   *     <input\n   *       value={(header.column.getFilterValue() ?? '') as string}\n   *       onChange={(e) => header.column.setFilterValue(e.target.value)}\n   *       placeholder=\"Filter...\"\n   *     />\n   *   )\n   * }\n   * ```\n   */\n  function useHeaderContext<TValue extends CellData = CellData>() {\n    const header = useContext(HeaderContext)\n\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    if (!header) {\n      throw new Error(\n        '`useHeaderContext` must be used within an `AppHeader` or `AppFooter` component.',\n      )\n    }\n\n    return header as Header<TFeatures, any, TValue>\n  }\n\n  /**\n   * Context-aware FlexRender component for cells.\n   * Uses the cell from context, so no need to pass cell prop.\n   */\n  function CellFlexRender() {\n    const cell = useCellContext()\n    return <FlexRender cell={cell} />\n  }\n\n  /**\n   * Context-aware FlexRender component for headers.\n   * Uses the header from context, so no need to pass header prop.\n   */\n  function HeaderFlexRender() {\n    const header = useHeaderContext()\n    return <FlexRender header={header} />\n  }\n\n  /**\n   * Context-aware FlexRender component for footers.\n   * Uses the header from context, so no need to pass footer prop.\n   */\n  function FooterFlexRender() {\n    const header = useHeaderContext()\n    return <FlexRender footer={header} />\n  }\n\n  /**\n   * Enhanced useTable hook that returns a table with App wrapper components\n   * and pre-bound tableComponents attached directly to the table object.\n   *\n   * Default options from createTableHook are automatically merged with\n   * the options passed here. Options passed here take precedence.\n   *\n   * TFeatures is already known from the createTableHook call; TData is inferred from the data prop.\n   */\n  function useAppTable<TData extends RowData, TSelected = {}>(\n    tableOptions: Omit<\n      TableOptions<TFeatures, TData>,\n      '_features' | '_rowModels'\n    >,\n    selector?: (state: TableState<TFeatures>) => TSelected,\n  ): AppPreactTable<\n    TFeatures,\n    TData,\n    TSelected,\n    TTableComponents,\n    TCellComponents,\n    THeaderComponents\n  > {\n    // Merge default options with provided options (provided takes precedence)\n    const table = useTable<TFeatures, TData, TSelected>(\n      { ...defaultTableOptions, ...tableOptions } as TableOptions<\n        TFeatures,\n        TData\n      >,\n      selector,\n    )\n\n    // AppTable - Root wrapper that provides table context with optional Subscribe\n    const AppTable = useMemo(() => {\n      function AppTableImpl(\n        props: AppTablePropsWithoutSelector,\n      ): ComponentChildren\n      function AppTableImpl<TAppTableSelected>(\n        props: AppTablePropsWithSelector<TFeatures, TAppTableSelected>,\n      ): ComponentChildren\n      function AppTableImpl<TAppTableSelected>(\n        props:\n          | AppTablePropsWithoutSelector\n          | AppTablePropsWithSelector<TFeatures, TAppTableSelected>,\n      ): ComponentChildren {\n        const { children, selector: appTableSelector } = props as any\n\n        return (\n          <TableContext.Provider value={table}>\n            {appTableSelector ? (\n              <table.Subscribe selector={appTableSelector}>\n                {(state: TAppTableSelected) =>\n                  (children as (state: TAppTableSelected) => ComponentChildren)(\n                    state,\n                  )\n                }\n              </table.Subscribe>\n            ) : (\n              children\n            )}\n          </TableContext.Provider>\n        )\n      }\n      return AppTableImpl as AppTableComponent<TFeatures>\n    }, [table])\n\n    // AppCell - Wraps cell with context, pre-bound cellComponents, and optional Subscribe\n    const AppCell = useMemo(() => {\n      function AppCellImpl<TValue extends CellData = CellData>(\n        props: AppCellPropsWithoutSelector<\n          TFeatures,\n          TData,\n          TValue,\n          TCellComponents\n        >,\n      ): ComponentChildren\n      function AppCellImpl<\n        TValue extends CellData = CellData,\n        TAppCellSelected = unknown,\n      >(\n        props: AppCellPropsWithSelector<\n          TFeatures,\n          TData,\n          TValue,\n          TCellComponents,\n          TAppCellSelected\n        >,\n      ): ComponentChildren\n      function AppCellImpl<\n        TValue extends CellData = CellData,\n        TAppCellSelected = unknown,\n      >(\n        props:\n          | AppCellPropsWithoutSelector<\n              TFeatures,\n              TData,\n              TValue,\n              TCellComponents\n            >\n          | AppCellPropsWithSelector<\n              TFeatures,\n              TData,\n              TValue,\n              TCellComponents,\n              TAppCellSelected\n            >,\n      ): ComponentChildren {\n        const { cell, children, selector: appCellSelector } = props as any\n        const extendedCell = Object.assign(cell, {\n          FlexRender: CellFlexRender,\n          ...cellComponents,\n        })\n\n        return (\n          <CellContext.Provider value={cell}>\n            {appCellSelector ? (\n              <table.Subscribe selector={appCellSelector}>\n                {(state: TAppCellSelected) =>\n                  (\n                    children as (\n                      cell: Cell<TFeatures, TData, TValue> &\n                        TCellComponents & {\n                          FlexRender: () => ComponentChildren\n                        },\n                      state: TAppCellSelected,\n                    ) => ComponentChildren\n                  )(extendedCell, state)\n                }\n              </table.Subscribe>\n            ) : (\n              (\n                children as (\n                  cell: Cell<TFeatures, TData, TValue> &\n                    TCellComponents & { FlexRender: () => ComponentChildren },\n                ) => ComponentChildren\n              )(extendedCell)\n            )}\n          </CellContext.Provider>\n        )\n      }\n      return AppCellImpl as AppCellComponent<TFeatures, TData, TCellComponents>\n    }, [table])\n\n    // AppHeader - Wraps header with context, pre-bound headerComponents, and optional Subscribe\n    const AppHeader = useMemo(() => {\n      function AppHeaderImpl<TValue extends CellData = CellData>(\n        props: AppHeaderPropsWithoutSelector<\n          TFeatures,\n          TData,\n          TValue,\n          THeaderComponents\n        >,\n      ): ComponentChildren\n      function AppHeaderImpl<\n        TValue extends CellData = CellData,\n        TAppHeaderSelected = unknown,\n      >(\n        props: AppHeaderPropsWithSelector<\n          TFeatures,\n          TData,\n          TValue,\n          THeaderComponents,\n          TAppHeaderSelected\n        >,\n      ): ComponentChildren\n      function AppHeaderImpl<\n        TValue extends CellData = CellData,\n        TAppHeaderSelected = unknown,\n      >(\n        props:\n          | AppHeaderPropsWithoutSelector<\n              TFeatures,\n              TData,\n              TValue,\n              THeaderComponents\n            >\n          | AppHeaderPropsWithSelector<\n              TFeatures,\n              TData,\n              TValue,\n              THeaderComponents,\n              TAppHeaderSelected\n            >,\n      ): ComponentChildren {\n        const { header, children, selector: appHeaderSelector } = props as any\n        const extendedHeader = Object.assign(header, {\n          FlexRender: HeaderFlexRender,\n          ...headerComponents,\n        })\n\n        return (\n          <HeaderContext.Provider value={header}>\n            {appHeaderSelector ? (\n              <table.Subscribe selector={appHeaderSelector}>\n                {(state: TAppHeaderSelected) =>\n                  (\n                    children as (\n                      header: Header<TFeatures, TData, TValue> &\n                        THeaderComponents,\n                      state: TAppHeaderSelected,\n                    ) => ComponentChildren\n                  )(extendedHeader, state)\n                }\n              </table.Subscribe>\n            ) : (\n              (\n                children as (\n                  header: Header<TFeatures, TData, TValue> &\n                    THeaderComponents & { FlexRender: () => ComponentChildren },\n                ) => ComponentChildren\n              )(extendedHeader)\n            )}\n          </HeaderContext.Provider>\n        )\n      }\n      return AppHeaderImpl as AppHeaderComponent<\n        TFeatures,\n        TData,\n        THeaderComponents\n      >\n    }, [table])\n\n    // AppFooter - Same as AppHeader (footers use Header type)\n    const AppFooter = useMemo(() => {\n      function AppFooterImpl<TValue extends CellData = CellData>(\n        props: AppHeaderPropsWithoutSelector<\n          TFeatures,\n          TData,\n          TValue,\n          THeaderComponents\n        >,\n      ): ComponentChildren\n      function AppFooterImpl<\n        TValue extends CellData = CellData,\n        TAppFooterSelected = unknown,\n      >(\n        props: AppHeaderPropsWithSelector<\n          TFeatures,\n          TData,\n          TValue,\n          THeaderComponents,\n          TAppFooterSelected\n        >,\n      ): ComponentChildren\n      function AppFooterImpl<\n        TValue extends CellData = CellData,\n        TAppFooterSelected = unknown,\n      >(\n        props:\n          | AppHeaderPropsWithoutSelector<\n              TFeatures,\n              TData,\n              TValue,\n              THeaderComponents\n            >\n          | AppHeaderPropsWithSelector<\n              TFeatures,\n              TData,\n              TValue,\n              THeaderComponents,\n              TAppFooterSelected\n            >,\n      ): ComponentChildren {\n        const { header, children, selector: appFooterSelector } = props as any\n        const extendedHeader = Object.assign(header, {\n          FlexRender: FooterFlexRender,\n          ...headerComponents,\n        })\n\n        return (\n          <HeaderContext.Provider value={header}>\n            {appFooterSelector ? (\n              <table.Subscribe selector={appFooterSelector}>\n                {(state: TAppFooterSelected) =>\n                  (\n                    children as (\n                      header: Header<TFeatures, TData, TValue> &\n                        THeaderComponents,\n                      state: TAppFooterSelected,\n                    ) => ComponentChildren\n                  )(extendedHeader, state)\n                }\n              </table.Subscribe>\n            ) : (\n              (\n                children as (\n                  header: Header<TFeatures, TData, TValue> &\n                    THeaderComponents & { FlexRender: () => ComponentChildren },\n                ) => ComponentChildren\n              )(extendedHeader)\n            )}\n          </HeaderContext.Provider>\n        )\n      }\n      return AppFooterImpl as AppHeaderComponent<\n        TFeatures,\n        TData,\n        THeaderComponents\n      >\n    }, [table])\n\n    // Combine everything into the extended table API\n    const extendedTable = useMemo(() => {\n      return Object.assign(table, {\n        AppTable,\n        AppCell,\n        AppHeader,\n        AppFooter,\n        ...tableComponents,\n      }) as AppPreactTable<\n        TFeatures,\n        TData,\n        TSelected,\n        TTableComponents,\n        TCellComponents,\n        THeaderComponents\n      >\n    }, [table, AppTable, AppCell, AppHeader, AppFooter])\n\n    return extendedTable\n  }\n\n  return {\n    appFeatures: defaultTableOptions._features as TFeatures,\n    createAppColumnHelper,\n    useAppTable,\n    useTableContext,\n    useCellContext,\n    useHeaderContext,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+kBA,SAAgB,gBAKd,EACA,iBACA,gBACA,kBACA,GAAG,uBAMF;CAED,MAAM,eAAe,cACnB,KACD;CACD,MAAM,cAAc,cAAyC,KAAc;CAC3E,MAAM,gBAAgB,cACpB,KACD;;;;;;;;;;;;;;;;;;;;CAqBD,SAAS,wBAKP;AAGA,SAAOA,oBAA0C;;;;;;;;;;;;;;;;;;;;;;;;;CA+BnD,SAAS,kBAGP;EACA,MAAM,QAAQ,WAAW,aAAa;AAGtC,MAAI,CAAC,MACH,OAAM,IAAI,MACR,kJAED;AAGH,SAAO;;;;;;;;;;;;;;;;;;;;CAqBT,SAAS,iBAAqD;EAC5D,MAAM,OAAO,WAAW,YAAY;AAGpC,MAAI,CAAC,KACH,OAAM,IAAI,MACR,0JAED;AAGH,SAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BT,SAAS,mBAAuD;EAC9D,MAAM,SAAS,WAAW,cAAc;AAGxC,MAAI,CAAC,OACH,OAAM,IAAI,MACR,kFACD;AAGH,SAAO;;;;;;CAOT,SAAS,iBAAiB;AAExB,SAAO,oBAAC,YAAD,EAAY,MADN,gBACgB,EAAI;;;;;;CAOnC,SAAS,mBAAmB;AAE1B,SAAO,oBAAC,YAAD,EAAY,QADJ,kBACkB,EAAI;;;;;;CAOvC,SAAS,mBAAmB;AAE1B,SAAO,oBAAC,YAAD,EAAY,QADJ,kBACkB,EAAI;;;;;;;;;;;CAYvC,SAAS,YACP,cAIA,UAQA;EAEA,MAAM,QAAQ,SACZ;GAAE,GAAG;GAAqB,GAAG;GAAc,EAI3C,SACD;EAGD,MAAM,WAAW,cAAc;GAO7B,SAAS,aACP,OAGmB;IACnB,MAAM,EAAE,UAAU,UAAU,qBAAqB;AAEjD,WACE,oBAAC,aAAa,UAAd;KAAuB,OAAO;eAC3B,mBACC,oBAAC,MAAM,WAAP;MAAiB,UAAU;iBACvB,UACC,SACC,MACD;MAEa,IAElB;KAEoB;;AAG5B,UAAO;KACN,CAAC,MAAM,CAAC;EAGX,MAAM,UAAU,cAAc;GAqB5B,SAAS,YAIP,OAcmB;IACnB,MAAM,EAAE,MAAM,UAAU,UAAU,oBAAoB;IACtD,MAAM,eAAe,OAAO,OAAO,MAAM;KACvC,YAAY;KACZ,GAAG;KACJ,CAAC;AAEF,WACE,oBAAC,YAAY,UAAb;KAAsB,OAAO;eAC1B,kBACC,oBAAC,MAAM,WAAP;MAAiB,UAAU;iBACvB,UAEE,SAOA,cAAc,MAAM;MAER,IAGhB,SAIA,aAAa;KAEI;;AAG3B,UAAO;KACN,CAAC,MAAM,CAAC;EAGX,MAAM,YAAY,cAAc;GAqB9B,SAAS,cAIP,OAcmB;IACnB,MAAM,EAAE,QAAQ,UAAU,UAAU,sBAAsB;IAC1D,MAAM,iBAAiB,OAAO,OAAO,QAAQ;KAC3C,YAAY;KACZ,GAAG;KACJ,CAAC;AAEF,WACE,oBAAC,cAAc,UAAf;KAAwB,OAAO;eAC5B,oBACC,oBAAC,MAAM,WAAP;MAAiB,UAAU;iBACvB,UAEE,SAKA,gBAAgB,MAAM;MAEV,IAGhB,SAIA,eAAe;KAEI;;AAG7B,UAAO;KAKN,CAAC,MAAM,CAAC;EAGX,MAAM,YAAY,cAAc;GAqB9B,SAAS,cAIP,OAcmB;IACnB,MAAM,EAAE,QAAQ,UAAU,UAAU,sBAAsB;IAC1D,MAAM,iBAAiB,OAAO,OAAO,QAAQ;KAC3C,YAAY;KACZ,GAAG;KACJ,CAAC;AAEF,WACE,oBAAC,cAAc,UAAf;KAAwB,OAAO;eAC5B,oBACC,oBAAC,MAAM,WAAP;MAAiB,UAAU;iBACvB,UAEE,SAKA,gBAAgB,MAAM;MAEV,IAGhB,SAIA,eAAe;KAEI;;AAG7B,UAAO;KAKN,CAAC,MAAM,CAAC;AAoBX,SAjBsB,cAAc;AAClC,UAAO,OAAO,OAAO,OAAO;IAC1B;IACA;IACA;IACA;IACA,GAAG;IACJ,CAAC;KAQD;GAAC;GAAO;GAAU;GAAS;GAAW;GAAU,CAE/B;;AAGtB,QAAO;EACL,aAAa,oBAAoB;EACjC;EACA;EACA;EACA;EACA;EACD"}

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import { FlexRender, FlexRenderProps, Renderable, flexRender } from "./FlexRender.cjs";
 import { Subscribe, SubscribeProps, SubscribePropsWithSource, SubscribePropsWithSourceIdentity, SubscribePropsWithSourceWithSelector, SubscribePropsWithStore } from "./Subscribe.cjs";
 import { PreactTable, useTable } from "./useTable.cjs";
-import { AppCellComponent, AppCellContext, AppCellPropsWithSelector, AppCellPropsWithoutSelector, AppColumnHelper, AppHeaderComponent, AppHeaderContext, AppHeaderPropsWithSelector, AppHeaderPropsWithoutSelector, AppPreactTable, AppTableComponent, AppTablePropsWithSelector, AppTablePropsWithoutSelector, CreateTableHookOptions, createTableHook } from "./createTableHook.cjs";
+import { AppCellComponent, AppCellContext, AppCellPropsWithSelector, AppCellPropsWithoutSelector, AppColumnDefBase, AppColumnDefTemplate, AppColumnHelper, AppDisplayColumnDef, AppGroupColumnDef, AppHeaderComponent, AppHeaderContext, AppHeaderPropsWithSelector, AppHeaderPropsWithoutSelector, AppPreactTable, AppTableComponent, AppTablePropsWithSelector, AppTablePropsWithoutSelector, CreateTableHookOptions, createTableHook } from "./createTableHook.cjs";
 export * from "@tanstack/table-core";
-export { AppCellComponent, AppCellContext, AppCellPropsWithSelector, AppCellPropsWithoutSelector, AppColumnHelper, AppHeaderComponent, AppHeaderContext, AppHeaderPropsWithSelector, AppHeaderPropsWithoutSelector, AppPreactTable, AppTableComponent, AppTablePropsWithSelector, AppTablePropsWithoutSelector, CreateTableHookOptions, FlexRender, FlexRenderProps, PreactTable, Renderable, Subscribe, SubscribeProps, SubscribePropsWithSource, SubscribePropsWithSourceIdentity, SubscribePropsWithSourceWithSelector, SubscribePropsWithStore, createTableHook, flexRender, useTable };
+export { AppCellComponent, AppCellContext, AppCellPropsWithSelector, AppCellPropsWithoutSelector, AppColumnDefBase, AppColumnDefTemplate, AppColumnHelper, AppDisplayColumnDef, AppGroupColumnDef, AppHeaderComponent, AppHeaderContext, AppHeaderPropsWithSelector, AppHeaderPropsWithoutSelector, AppPreactTable, AppTableComponent, AppTablePropsWithSelector, AppTablePropsWithoutSelector, CreateTableHookOptions, FlexRender, FlexRenderProps, PreactTable, Renderable, Subscribe, SubscribeProps, SubscribePropsWithSource, SubscribePropsWithSourceIdentity, SubscribePropsWithSourceWithSelector, SubscribePropsWithStore, createTableHook, flexRender, useTable };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { FlexRender, FlexRenderProps, Renderable, flexRender } from "./FlexRender.js";
 import { Subscribe, SubscribeProps, SubscribePropsWithSource, SubscribePropsWithSourceIdentity, SubscribePropsWithSourceWithSelector, SubscribePropsWithStore } from "./Subscribe.js";
 import { PreactTable, useTable } from "./useTable.js";
-import { AppCellComponent, AppCellContext, AppCellPropsWithSelector, AppCellPropsWithoutSelector, AppColumnHelper, AppHeaderComponent, AppHeaderContext, AppHeaderPropsWithSelector, AppHeaderPropsWithoutSelector, AppPreactTable, AppTableComponent, AppTablePropsWithSelector, AppTablePropsWithoutSelector, CreateTableHookOptions, createTableHook } from "./createTableHook.js";
+import { AppCellComponent, AppCellContext, AppCellPropsWithSelector, AppCellPropsWithoutSelector, AppColumnDefBase, AppColumnDefTemplate, AppColumnHelper, AppDisplayColumnDef, AppGroupColumnDef, AppHeaderComponent, AppHeaderContext, AppHeaderPropsWithSelector, AppHeaderPropsWithoutSelector, AppPreactTable, AppTableComponent, AppTablePropsWithSelector, AppTablePropsWithoutSelector, CreateTableHookOptions, createTableHook } from "./createTableHook.js";
 export * from "@tanstack/table-core";
-export { AppCellComponent, AppCellContext, AppCellPropsWithSelector, AppCellPropsWithoutSelector, AppColumnHelper, AppHeaderComponent, AppHeaderContext, AppHeaderPropsWithSelector, AppHeaderPropsWithoutSelector, AppPreactTable, AppTableComponent, AppTablePropsWithSelector, AppTablePropsWithoutSelector, CreateTableHookOptions, FlexRender, FlexRenderProps, PreactTable, Renderable, Subscribe, SubscribeProps, SubscribePropsWithSource, SubscribePropsWithSourceIdentity, SubscribePropsWithSourceWithSelector, SubscribePropsWithStore, createTableHook, flexRender, useTable };
+export { AppCellComponent, AppCellContext, AppCellPropsWithSelector, AppCellPropsWithoutSelector, AppColumnDefBase, AppColumnDefTemplate, AppColumnHelper, AppDisplayColumnDef, AppGroupColumnDef, AppHeaderComponent, AppHeaderContext, AppHeaderPropsWithSelector, AppHeaderPropsWithoutSelector, AppPreactTable, AppTableComponent, AppTablePropsWithSelector, AppTablePropsWithoutSelector, CreateTableHookOptions, FlexRender, FlexRenderProps, PreactTable, Renderable, Subscribe, SubscribeProps, SubscribePropsWithSource, SubscribePropsWithSourceIdentity, SubscribePropsWithSourceWithSelector, SubscribePropsWithStore, createTableHook, flexRender, useTable };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/preact-table",
-  "version": "9.0.0-alpha.37",
+  "version": "9.0.0-alpha.38",
   "description": "Headless UI for building powerful tables & datagrids for Preact.",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -49,7 +49,7 @@
   ],
   "dependencies": {
     "@tanstack/preact-store": "^0.13.0",
-    "@tanstack/table-core": "9.0.0-alpha.37"
+    "@tanstack/table-core": "9.0.0-alpha.38"
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.10.5",

package/src/createTableHook.tsx

@@ -76,14 +76,14 @@ export type AppHeaderContext<
 /**
  * Template type for column definitions that can be a string or a function.
  */
-type AppColumnDefTemplate<TProps extends object> =
+export type AppColumnDefTemplate<TProps extends object> =
   | string
   | ((props: TProps) => any)
 
 /**
  * Enhanced column definition base with pre-bound components in cell/header/footer contexts.
  */
-type AppColumnDefBase<
+export type AppColumnDefBase<
   TFeatures extends TableFeatures,
   TData extends RowData,
   TValue extends CellData,
@@ -107,7 +107,7 @@ type AppColumnDefBase<
 /**
  * Enhanced display column definition with pre-bound components.
  */
-type AppDisplayColumnDef<
+export type AppDisplayColumnDef<
   TFeatures extends TableFeatures,
   TData extends RowData,
   TCellComponents extends Record<string, ComponentType<any>>,
@@ -130,7 +130,7 @@ type AppDisplayColumnDef<
 /**
  * Enhanced group column definition with pre-bound components.
  */
-type AppGroupColumnDef<
+export type AppGroupColumnDef<
   TFeatures extends TableFeatures,
   TData extends RowData,
   TCellComponents extends Record<string, ComponentType<any>>,