tanstack-table-vue 0.0.9 → 0.1.1

package/README.md

@@ -1,92 +1,121 @@
-# @tanstack-table-vue/core
+# tanstack-table-vue
 
-Core package for TanStack Table Vue integration.
+Vue 3 wrapper for TanStack Table with slot-based rendering and headless composables.
 
-## Overview
+## Installation
 
-This package contains the core functionality for integrating TanStack Table with Vue.js. It provides:
+```bash
+pnpm add tanstack-table-vue
+```
 
-- TSTable component for rendering tables
-- Column processing utilities
-- Type definitions and helpers
-- Slot management system
+## Core — `TSTable` Component
 
-## Components
+```vue
+<script setup lang="ts">
+import { TSTable } from 'tanstack-table-vue'
+import type { ColumnDef } from '@tanstack/vue-table'
 
-### TSTable
+interface User {
+  name: string
+  age: number
+}
 
-The main component that renders the table structure. It accepts:
+const columns: ColumnDef<User, any>[] = [{ accessorKey: 'name' }, { accessorKey: 'age' }]
+const data: User[] = [{ name: 'Alice', age: 30 }]
+</script>
 
-- `columns`: Column definitions
-- `data`: Table data
-- `tableOptions`: TanStack Table options
+<template>
+  <TSTable :columns="columns" :data="data" v-slot="{ table }">
+    <!-- render table using the table instance -->
+  </TSTable>
+</template>
+```
 
-```vue
-<TSTable :columns="columns" :data="data" :tableOptions="tableOptions">
-  <!-- Slots for customization -->
-</TSTable>
+### Slots
+
+- `#header-{columnId}` — custom header: `{ column, context }`
+- `#cell-{columnId}` — custom cell: `{ row, value, context }`
+- `#footer-{columnId}` — custom footer: `{ column, context }`
+
+### Typed Column Meta
+
+Column `meta` is typed via `TSTableColumnMeta`:
+
+```ts
+const columns: ColumnDef<User, any>[] = [
+  {
+    accessorKey: 'name',
+    meta: { size: 200, enableSorting: true, headerClass: 'font-bold' },
+  },
+]
 ```
 
-## Utilities
+Available meta fields: `size`, `style`, `enableSorting`, `headerClass`, `cellClass`.
 
-### Column Processing
+## Plugins — Headless Composables
 
-The package includes utilities for processing columns and managing slots:
+Import from the `tanstack-table-vue/plugins` subpath:
 
-- `processColumns`: Converts column definitions to TanStack Table format
-- `getHeader`, `getCell`, `getFooter`: Slot management functions
+```ts
+import { usePaginationState, useTableSorting, useTableSelection } from 'tanstack-table-vue/plugins'
+```
 
-### Types
+### `usePaginationState(options?)`
 
-```typescript
-interface TSTableProps<TData extends RowData & object> {
-  columns: ColumnDef<TData>[]
-  data: TData[]
-  tableOptions?: Record<string, any>
-}
+Manages 1-based page state and provides TanStack-compatible pagination options.
+
+```ts
+const { page, pageSize, paginationState, paginationOptions, setPage, setPageSize, resetPagination } =
+  usePaginationState({ defaultPage: 1, defaultPageSize: 10 })
 ```
 
-## Usage with Slots
+Spread `paginationOptions.value` into your `tableOptions` prop.
 
-The package provides a flexible slot system:
+### `useTableSorting(defaultSorting?)`
 
-```vue
-<TSTable :columns="columns" :data="data">
-  <!-- Header slot -->
-  <template #header-columnId="{ column }">
-    Custom Header
-  </template>
-
-  <!-- Cell slot -->
-  <template #cell-columnId="{ value, row }">
-    Custom Cell
-  </template>
-
-  <!-- Footer slot -->
-  <template #footer-columnId="{ column }">
-    Custom Footer
-  </template>
-</TSTable>
+Manages sorting state with a pre-configured sorted row model.
+
+```ts
+const { sorting, sortingOptions, clearSorting } = useTableSorting([{ id: 'name', desc: false }])
+```
+
+### `useTableSelection()`
+
+Manages row selection state.
+
+```ts
+const { rowSelection, selectionOptions, selectedCount, clearSelection } = useTableSelection()
 ```
 
-## Internal Architecture
+### Combining Plugins
 
-The package uses a slot-based system instead of render functions, making it more Vue-idiomatic. Key features:
+```ts
+const { paginationOptions } = usePaginationState()
+const { sortingOptions } = useTableSorting()
+const { selectionOptions } = useTableSelection()
 
-- Automatic header generation from accessorKey
-- Flexible slot naming based on column IDs
-- Support for nested column groups
-- Integration with TanStack Table's sorting, filtering, and other features
+const tableOptions = computed(() => ({
+  ...paginationOptions.value,
+  ...sortingOptions.value,
+  ...selectionOptions.value,
+}))
+```
 
-## Contributing
+```vue
+<TSTable :columns="columns" :data="data" :tableOptions="tableOptions" v-slot="{ table }">
+  <!-- render -->
+</TSTable>
+```
 
-When contributing to this package, please:
+## Utilities
+
+```ts
+import { valueUpdater, processColumns } from 'tanstack-table-vue'
+```
 
-1. Maintain type safety
-2. Follow Vue.js best practices
-3. Update tests for any new functionality
-4. Document any public APIs
+- `valueUpdater(updaterOrValue, ref)` — apply TanStack updater functions to Vue refs
+- `processColumns(columnHelper, columns, slots)` — process column definitions with slot integration
 
 ## License
 
-MIT
+MIT

package/dist/index.d.mts

@@ -0,0 +1,60 @@
+import * as vue8 from "vue";
+import { Ref, Slots } from "vue";
+import { CellContext, Column, ColumnDef, ColumnHelper, HeaderContext, Row, RowData, Table, TableOptionsWithReactiveData, Updater } from "@tanstack/vue-table";
+
+//#region src/shared/types.d.ts
+interface HeaderSlotProps<TData extends RowData> {
+  column: Column<TData, any>;
+  context: HeaderContext<TData, any>;
+}
+interface CellSlotProps<TData extends RowData> {
+  row: Row<TData>;
+  context: CellContext<TData, any>;
+  value: any;
+}
+interface FooterSlotProps<TData extends RowData> {
+  column: Column<TData, any>;
+  context: HeaderContext<TData, any>;
+}
+interface TSTableColumnMeta {
+  size?: number;
+  style?: Record<string, string>;
+  enableSorting?: boolean;
+  headerClass?: string;
+  cellClass?: string;
+}
+declare module '@tanstack/vue-table' {
+  interface ColumnMeta<TData extends RowData, TValue> extends TSTableColumnMeta {}
+}
+//#endregion
+//#region src/components/TSTable.vue.d.ts
+type TableOptions = Omit<TableOptionsWithReactiveData<any>, 'columns' | 'data' | 'getCoreRowModel'>;
+interface TSTableProps<TData extends RowData & object> {
+  columns: ColumnDef<TData, any>[];
+  data: TData[];
+  tableOptions?: TableOptions;
+}
+declare const _default: <TData extends RowData & object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & vue8.VNodeProps & vue8.AllowedComponentProps & vue8.ComponentCustomProps, never>, never> & TSTableProps<TData> & Partial<{}>> & vue8.PublicProps;
+  expose(exposed: vue8.ShallowUnwrapRef<{}>): void;
+  attrs: any;
+  slots: {
+    [key: `header-${string}`]: (props: HeaderSlotProps<TData>) => any;
+    [key: `cell-${string}`]: (props: CellSlotProps<TData>) => any;
+    [key: `footer-${string}`]: (props: FooterSlotProps<TData>) => any;
+    default: (props: {
+      table: Table<TData>;
+    }) => any;
+  };
+  emit: {};
+}>) => vue8.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+type __VLS_PrettifyLocal<T> = { [K in keyof T]: T[K] } & {};
+//#endregion
+//#region src/shared/utils.d.ts
+/** Helper to apply TanStack Table updater functions to Vue refs */
+declare function valueUpdater<T>(updaterOrValue: Updater<T>, ref: Ref<T>): void;
+declare const processColumns: <TData extends RowData & object>(columnHelper: ColumnHelper<TData>, columns: ColumnDef<TData, any>[], slots: Readonly<Slots>) => ColumnDef<TData, any>[];
+//#endregion
+export { type CellSlotProps, type FooterSlotProps, type HeaderSlotProps, _default as TSTable, type TSTableColumnMeta, type TSTableProps, type TableOptions, processColumns, valueUpdater };

package/dist/index.mjs

@@ -0,0 +1,38 @@
+import { n as valueUpdater, t as processColumns } from "./utils-BGsLZVAI.mjs";
+import { computed, defineComponent, renderSlot, unref, useSlots } from "vue";
+import { createColumnHelper, getCoreRowModel, useVueTable } from "@tanstack/vue-table";
+
+//#region src/components/TSTable.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "TSTable",
+	props: {
+		columns: {},
+		data: {},
+		tableOptions: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const columnHelper = createColumnHelper();
+		const processedColumns = computed(() => {
+			return processColumns(columnHelper, props.columns, slots);
+		});
+		const table = useVueTable({
+			get columns() {
+				return processedColumns.value;
+			},
+			get data() {
+				return props.data;
+			},
+			getCoreRowModel: getCoreRowModel(),
+			...props.tableOptions
+		});
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", { table: unref(table) });
+		};
+	}
+});
+var TSTable_default = _sfc_main;
+
+//#endregion
+export { TSTable_default as TSTable, processColumns, valueUpdater };

package/dist/plugins/index.d.mts

@@ -0,0 +1,61 @@
+import * as vue2 from "vue";
+import * as _tanstack_vue_table0 from "@tanstack/vue-table";
+import { PaginationState, RowSelectionState, SortingState } from "@tanstack/vue-table";
+
+//#region src/plugins/use-pagination-state.d.ts
+declare function usePaginationState(options?: {
+  defaultPage?: number;
+  defaultPageSize?: number;
+}): {
+  page: vue2.Ref<number, number>;
+  pageSize: vue2.Ref<number, number>;
+  paginationState: vue2.ComputedRef<PaginationState>;
+  paginationOptions: vue2.ComputedRef<{
+    getPaginationRowModel: (table: _tanstack_vue_table0.Table<unknown>) => () => _tanstack_vue_table0.RowModel<unknown>;
+    onPaginationChange: (updater: any) => void;
+    state: {
+      readonly pagination: PaginationState;
+    };
+  }>;
+  setPage: (p: number) => void;
+  setPageSize: (s: number) => void;
+  resetPagination: () => void;
+};
+//#endregion
+//#region src/plugins/use-table-sorting.d.ts
+declare function useTableSorting(defaultSorting?: SortingState): {
+  sorting: vue2.Ref<{
+    desc: boolean;
+    id: string;
+  }[], SortingState | {
+    desc: boolean;
+    id: string;
+  }[]>;
+  sortingOptions: vue2.ComputedRef<{
+    getSortedRowModel: (table: _tanstack_vue_table0.Table<unknown>) => () => _tanstack_vue_table0.RowModel<unknown>;
+    onSortingChange: (updater: any) => void;
+    state: {
+      readonly sorting: {
+        desc: boolean;
+        id: string;
+      }[];
+    };
+  }>;
+  clearSorting: () => void;
+};
+//#endregion
+//#region src/plugins/use-table-selection.d.ts
+declare function useTableSelection(): {
+  rowSelection: vue2.Ref<RowSelectionState, RowSelectionState>;
+  selectionOptions: vue2.ComputedRef<{
+    enableRowSelection: boolean;
+    onRowSelectionChange: (updater: any) => void;
+    state: {
+      readonly rowSelection: RowSelectionState;
+    };
+  }>;
+  selectedCount: vue2.ComputedRef<number>;
+  clearSelection: () => void;
+};
+//#endregion
+export { usePaginationState, useTableSelection, useTableSorting };

package/dist/plugins/index.mjs

@@ -0,0 +1,91 @@
+import { n as valueUpdater } from "../utils-BGsLZVAI.mjs";
+import { computed, ref } from "vue";
+import { getPaginationRowModel, getSortedRowModel } from "@tanstack/vue-table";
+
+//#region src/plugins/use-pagination-state.ts
+function usePaginationState(options) {
+	const page = ref(options?.defaultPage ?? 1);
+	const pageSize = ref(options?.defaultPageSize ?? 10);
+	const paginationState = computed(() => ({
+		pageIndex: page.value - 1,
+		pageSize: pageSize.value
+	}));
+	const paginationOptions = computed(() => ({
+		getPaginationRowModel: getPaginationRowModel(),
+		onPaginationChange: (updater) => {
+			const newState = typeof updater === "function" ? updater(paginationState.value) : updater;
+			page.value = newState.pageIndex + 1;
+			pageSize.value = newState.pageSize;
+		},
+		state: { get pagination() {
+			return paginationState.value;
+		} }
+	}));
+	const setPage = (p) => {
+		page.value = p;
+	};
+	const setPageSize = (s) => {
+		pageSize.value = s;
+		page.value = 1;
+	};
+	const resetPagination = () => {
+		page.value = options?.defaultPage ?? 1;
+		pageSize.value = options?.defaultPageSize ?? 10;
+	};
+	return {
+		page,
+		pageSize,
+		paginationState,
+		paginationOptions,
+		setPage,
+		setPageSize,
+		resetPagination
+	};
+}
+
+//#endregion
+//#region src/plugins/use-table-sorting.ts
+function useTableSorting(defaultSorting) {
+	const sorting = ref(defaultSorting ?? []);
+	const sortingOptions = computed(() => ({
+		getSortedRowModel: getSortedRowModel(),
+		onSortingChange: (updater) => valueUpdater(updater, sorting),
+		state: { get sorting() {
+			return sorting.value;
+		} }
+	}));
+	const clearSorting = () => {
+		sorting.value = [];
+	};
+	return {
+		sorting,
+		sortingOptions,
+		clearSorting
+	};
+}
+
+//#endregion
+//#region src/plugins/use-table-selection.ts
+function useTableSelection() {
+	const rowSelection = ref({});
+	const selectionOptions = computed(() => ({
+		enableRowSelection: true,
+		onRowSelectionChange: (updater) => valueUpdater(updater, rowSelection),
+		state: { get rowSelection() {
+			return rowSelection.value;
+		} }
+	}));
+	const selectedCount = computed(() => Object.values(rowSelection.value).filter(Boolean).length);
+	const clearSelection = () => {
+		rowSelection.value = {};
+	};
+	return {
+		rowSelection,
+		selectionOptions,
+		selectedCount,
+		clearSelection
+	};
+}
+
+//#endregion
+export { usePaginationState, useTableSelection, useTableSorting };

package/dist/utils-BGsLZVAI.mjs

@@ -0,0 +1,72 @@
+import capitalize from "lodash.capitalize";
+
+//#region src/shared/utils.ts
+/** Helper to apply TanStack Table updater functions to Vue refs */
+function valueUpdater(updaterOrValue, ref) {
+	ref.value = typeof updaterOrValue === "function" ? updaterOrValue(ref.value) : updaterOrValue;
+}
+const getHeader = (col, slots, context) => {
+	const columnId = col.accessorKey || col.id || "";
+	const slotName = `header-${columnId}`;
+	if (slots[slotName]) return slots[slotName]({
+		column: context.column,
+		context
+	});
+	if (col.header) return col.header;
+	return capitalize(columnId.split("-").join(" "));
+};
+const getFooter = (col, slots, context) => {
+	const slotName = `footer-${col.accessorKey || col.id || ""}`;
+	if (slots[slotName]) return slots[slotName]({
+		column: context.column,
+		context
+	});
+	if (col.footer) return col.footer;
+};
+const getCell = (col, slots, context) => {
+	const slotName = `cell-${col.accessorKey || col.id || ""}`;
+	if (slots[slotName]) return slots[slotName]({
+		cell: context.cell,
+		row: context.row,
+		value: context.getValue()
+	});
+	const value = context.getValue();
+	if (col.cell) return typeof col.cell === "function" ? col.cell(context) : col.cell;
+	return value !== void 0 && value !== null ? value : "-";
+};
+const processColumns = (columnHelper, columns, slots) => {
+	return columns.map((col) => {
+		if ("columns" in col && Array.isArray(col.columns)) return columnHelper.group({
+			id: col.id || String(Math.random()),
+			header: (context) => getHeader(col, slots, context),
+			footer: col.footer ? (context) => getFooter(col, slots, context) : void 0,
+			columns: processColumns(columnHelper, col.columns, slots),
+			meta: col.meta
+		});
+		const accessorCol = col;
+		if (accessorCol.accessorKey) return columnHelper.accessor(accessorCol.accessorKey, {
+			id: accessorCol.id || accessorCol.accessorKey,
+			header: (context) => getHeader(col, slots, context),
+			footer: col.footer ? (context) => getFooter(col, slots, context) : void 0,
+			cell: (context) => getCell(col, slots, context),
+			meta: col.meta
+		});
+		if (accessorCol.accessorFn) return columnHelper.accessor(accessorCol.accessorFn, {
+			id: accessorCol.id || String(Math.random()),
+			header: (context) => getHeader(col, slots, context),
+			footer: col.footer ? (context) => getFooter(col, slots, context) : void 0,
+			cell: (context) => getCell(col, slots, context),
+			meta: col.meta
+		});
+		return columnHelper.display({
+			id: col.id || String(Math.random()),
+			header: (context) => getHeader(col, slots, context),
+			footer: col.footer ? (context) => getFooter(col, slots, context) : void 0,
+			cell: (context) => getCell(col, slots, context),
+			meta: col.meta
+		});
+	});
+};
+
+//#endregion
+export { valueUpdater as n, processColumns as t };

package/package.json

@@ -1,32 +1,33 @@
 {
   "name": "tanstack-table-vue",
-  "version": "0.0.9",
-  "type": "module",
+  "version": "0.1.1",
   "homepage": "https://github.com/dacsang97/tanstack-table-vue",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/dacsang97/tanstack-table-vue.git"
-  },
   "bugs": {
     "url": "https://github.com/dacsang97/tanstack-table-vue/issues"
   },
   "license": "MIT",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    }
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dacsang97/tanstack-table-vue.git"
   },
   "files": [
     "./dist"
   ],
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "typings": "./dist/index.d.ts",
+  "type": "module",
+  "main": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs"
+    },
+    "./plugins": {
+      "types": "./dist/plugins/index.d.mts",
+      "import": "./dist/plugins/index.mjs"
+    }
+  },
   "dependencies": {
-    "@tanstack/vue-table": "^8.21.2",
+    "@tanstack/vue-table": "^8.21.3",
     "lodash.capitalize": "^4.2.1",
     "vue": "^3.5.13"
   },
@@ -34,18 +35,21 @@
     "@types/lodash.capitalize": "^4.2.9",
     "@types/node": "^22.14.0",
     "@vitejs/plugin-vue": "^5.2.1",
-    "@vue/tsconfig": "^0.7.0",
-    "typescript": "~5.7.2",
-    "vite": "^6.2.0",
-    "vite-plugin-dts": "^4.5.3",
+    "@vue/test-utils": "latest",
+    "@vue/tsconfig": "^0.8.1",
+    "happy-dom": "latest",
+    "tsdown": "^0.20.0-beta.3",
+    "typescript": "~5.8.0",
+    "unplugin-vue": "latest",
+    "vitest": "latest",
     "vue-tsc": "^2.2.4"
   },
   "scripts": {
-    "build": "pnpm type-check && pnpm build-only",
-    "build-only": "vite build",
-    "watch": "vite build --watch",
-    "type-check": "vue-tsc -p tsconfig.check.json --noEmit",
-    "type-gen": "vue-tsc --declaration  --emitDeclarationOnly",
+    "build": "tsdown",
+    "dev": "tsdown --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "type-check": "vue-tsc --noEmit",
     "pub:release": "pnpm publish --no-git-checks --access public"
   }
 }

package/dist/components/TSTable.cjs

@@ -1,48 +0,0 @@
-'use strict';
-
-require('lodash.capitalize');
-const vue = require('vue');
-const vueTable = require('@tanstack/vue-table');
-const shared_utils = require('../shared/utils.cjs');
-
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "TSTable",
-  props: {
-    columns: {},
-    data: {},
-    tableOptions: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const slots = vue.useSlots();
-    const columnHelper = vueTable.createColumnHelper();
-    const processedColumns = vue.computed(() => {
-      return shared_utils.processColumns(columnHelper, props.columns, slots);
-    });
-    const initialTableOptions = {
-      columns: processedColumns.value,
-      data: props.data,
-      getCoreRowModel: vueTable.getCoreRowModel(),
-      ...props.tableOptions
-    };
-    const table = vueTable.useVueTable(initialTableOptions);
-    vue.watch(() => props.data, (newData) => {
-      table.setOptions((old) => ({
-        ...old,
-        data: newData
-      }));
-    }, { flush: "sync" });
-    vue.watch(processedColumns, (newColumns) => {
-      table.setOptions((old) => ({
-        ...old,
-        columns: newColumns
-      }));
-    }, { flush: "sync" });
-    return (_ctx, _cache) => {
-      return vue.renderSlot(_ctx.$slots, "default", { table: vue.unref(table) });
-    };
-  }
-});
-
-exports._sfc_main = _sfc_main;
-//# sourceMappingURL=TSTable.cjs.map

package/dist/components/TSTable.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TSTable.cjs","sources":["../../src/components/TSTable.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { ColumnDef, RowData, Table, TableOptionsWithReactiveData } from '@tanstack/vue-table'\nimport type { CellSlotProps, FooterSlotProps, HeaderSlotProps } from '../shared/types'\n\nexport type TableOptions = Omit<TableOptionsWithReactiveData<any>, 'columns' | 'data' | 'getCoreRowModel'>\n\nexport interface TSTableProps<TData extends RowData & object> {\n  columns: ColumnDef<TData, any>[]\n  data: TData[]\n  tableOptions?: TableOptions\n}\n</script>\n\n<script setup lang=\"ts\" generic=\"TData extends RowData & object\">\nimport { computed, useSlots, watch } from 'vue'\nimport { useVueTable, createColumnHelper, getCoreRowModel } from '@tanstack/vue-table'\nimport { processColumns } from '../shared'\n\nconst props = defineProps<TSTableProps<TData>>()\n\nconst slots = useSlots()\nconst columnHelper = createColumnHelper<TData>()\n\n// Use memo pattern for expensive column processing\nconst processedColumns = computed(() => {\n  return processColumns(columnHelper, props.columns, slots)\n})\n\n// Create initial table options\nconst initialTableOptions = {\n  columns: processedColumns.value,\n  data: props.data,\n  getCoreRowModel: getCoreRowModel(),\n  ...props.tableOptions\n}\n\n// Initialize table with initial options\nconst table = useVueTable<TData>(initialTableOptions)\n\n// Watch for data changes and update table efficiently\nwatch(() => props.data, (newData) => {\n  table.setOptions((old) => ({\n    ...old,\n    data: newData,\n  }))\n}, { flush: 'sync' })\n\n// Watch columns separately to avoid unnecessary recalculations\nwatch(processedColumns, (newColumns) => {\n  table.setOptions((old) => ({\n    ...old,\n    columns: newColumns,\n  }))\n}, { flush: 'sync' })\n\ndefineSlots<{\n  default: (props: {\n    table: Table<TData>;\n  }) => any;\n\n  [key: `header-${string}`]: (props: HeaderSlotProps<TData>) => any;\n  [key: `cell-${string}`]: (props: CellSlotProps<TData>) => any;\n  [key: `footer-${string}`]: (props: FooterSlotProps<TData>) => any;\n}>()\n</script>\n\n<template>\n  <slot :table=\"table\" />\n</template>"],"names":["useSlots","createColumnHelper","computed","processColumns","getCoreRowModel","useVueTable","watch"],"mappings":";;;;;;;;;;;;;;;AAkBA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAEd,IAAA,MAAM,QAAQA,YAAS,EAAA;AACvB,IAAA,MAAM,eAAeC,2BAA0B,EAAA;AAG/C,IAAM,MAAA,gBAAA,GAAmBC,aAAS,MAAM;AACtC,MAAA,OAAOC,2BAAe,CAAA,YAAA,EAAc,KAAM,CAAA,OAAA,EAAS,KAAK,CAAA;AAAA,KACzD,CAAA;AAGD,IAAA,MAAM,mBAAsB,GAAA;AAAA,MAC1B,SAAS,gBAAiB,CAAA,KAAA;AAAA,MAC1B,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,iBAAiBC,wBAAgB,EAAA;AAAA,MACjC,GAAG,KAAM,CAAA;AAAA,KACX;AAGA,IAAM,MAAA,KAAA,GAAQC,qBAAmB,mBAAmB,CAAA;AAGpD,IAAAC,SAAA,CAAM,MAAM,KAAA,CAAM,IAAM,EAAA,CAAC,OAAY,KAAA;AACnC,MAAM,KAAA,CAAA,UAAA,CAAW,CAAC,GAAS,MAAA;AAAA,QACzB,GAAG,GAAA;AAAA,QACH,IAAM,EAAA;AAAA,OACN,CAAA,CAAA;AAAA,KACD,EAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,CAAA;AAGpB,IAAMA,SAAA,CAAA,gBAAA,EAAkB,CAAC,UAAe,KAAA;AACtC,MAAM,KAAA,CAAA,UAAA,CAAW,CAAC,GAAS,MAAA;AAAA,QACzB,GAAG,GAAA;AAAA,QACH,OAAS,EAAA;AAAA,OACT,CAAA,CAAA;AAAA,KACD,EAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,CAAA;;;;;;;;;"}

package/dist/components/TSTable.js

@@ -1,46 +0,0 @@
-import 'lodash.capitalize';
-import { defineComponent, useSlots, computed, watch, renderSlot, unref } from 'vue';
-import { createColumnHelper, getCoreRowModel, useVueTable } from '@tanstack/vue-table';
-import { p as processColumns } from '../shared/utils.js';
-
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "TSTable",
-  props: {
-    columns: {},
-    data: {},
-    tableOptions: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const slots = useSlots();
-    const columnHelper = createColumnHelper();
-    const processedColumns = computed(() => {
-      return processColumns(columnHelper, props.columns, slots);
-    });
-    const initialTableOptions = {
-      columns: processedColumns.value,
-      data: props.data,
-      getCoreRowModel: getCoreRowModel(),
-      ...props.tableOptions
-    };
-    const table = useVueTable(initialTableOptions);
-    watch(() => props.data, (newData) => {
-      table.setOptions((old) => ({
-        ...old,
-        data: newData
-      }));
-    }, { flush: "sync" });
-    watch(processedColumns, (newColumns) => {
-      table.setOptions((old) => ({
-        ...old,
-        columns: newColumns
-      }));
-    }, { flush: "sync" });
-    return (_ctx, _cache) => {
-      return renderSlot(_ctx.$slots, "default", { table: unref(table) });
-    };
-  }
-});
-
-export { _sfc_main as _ };
-//# sourceMappingURL=TSTable.js.map

package/dist/components/TSTable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TSTable.js","sources":["../../src/components/TSTable.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { ColumnDef, RowData, Table, TableOptionsWithReactiveData } from '@tanstack/vue-table'\nimport type { CellSlotProps, FooterSlotProps, HeaderSlotProps } from '../shared/types'\n\nexport type TableOptions = Omit<TableOptionsWithReactiveData<any>, 'columns' | 'data' | 'getCoreRowModel'>\n\nexport interface TSTableProps<TData extends RowData & object> {\n  columns: ColumnDef<TData, any>[]\n  data: TData[]\n  tableOptions?: TableOptions\n}\n</script>\n\n<script setup lang=\"ts\" generic=\"TData extends RowData & object\">\nimport { computed, useSlots, watch } from 'vue'\nimport { useVueTable, createColumnHelper, getCoreRowModel } from '@tanstack/vue-table'\nimport { processColumns } from '../shared'\n\nconst props = defineProps<TSTableProps<TData>>()\n\nconst slots = useSlots()\nconst columnHelper = createColumnHelper<TData>()\n\n// Use memo pattern for expensive column processing\nconst processedColumns = computed(() => {\n  return processColumns(columnHelper, props.columns, slots)\n})\n\n// Create initial table options\nconst initialTableOptions = {\n  columns: processedColumns.value,\n  data: props.data,\n  getCoreRowModel: getCoreRowModel(),\n  ...props.tableOptions\n}\n\n// Initialize table with initial options\nconst table = useVueTable<TData>(initialTableOptions)\n\n// Watch for data changes and update table efficiently\nwatch(() => props.data, (newData) => {\n  table.setOptions((old) => ({\n    ...old,\n    data: newData,\n  }))\n}, { flush: 'sync' })\n\n// Watch columns separately to avoid unnecessary recalculations\nwatch(processedColumns, (newColumns) => {\n  table.setOptions((old) => ({\n    ...old,\n    columns: newColumns,\n  }))\n}, { flush: 'sync' })\n\ndefineSlots<{\n  default: (props: {\n    table: Table<TData>;\n  }) => any;\n\n  [key: `header-${string}`]: (props: HeaderSlotProps<TData>) => any;\n  [key: `cell-${string}`]: (props: CellSlotProps<TData>) => any;\n  [key: `footer-${string}`]: (props: FooterSlotProps<TData>) => any;\n}>()\n</script>\n\n<template>\n  <slot :table=\"table\" />\n</template>"],"names":[],"mappings":";;;;;;;;;;;;;AAkBA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAEd,IAAA,MAAM,QAAQ,QAAS,EAAA;AACvB,IAAA,MAAM,eAAe,kBAA0B,EAAA;AAG/C,IAAM,MAAA,gBAAA,GAAmB,SAAS,MAAM;AACtC,MAAA,OAAO,cAAe,CAAA,YAAA,EAAc,KAAM,CAAA,OAAA,EAAS,KAAK,CAAA;AAAA,KACzD,CAAA;AAGD,IAAA,MAAM,mBAAsB,GAAA;AAAA,MAC1B,SAAS,gBAAiB,CAAA,KAAA;AAAA,MAC1B,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,iBAAiB,eAAgB,EAAA;AAAA,MACjC,GAAG,KAAM,CAAA;AAAA,KACX;AAGA,IAAM,MAAA,KAAA,GAAQ,YAAmB,mBAAmB,CAAA;AAGpD,IAAA,KAAA,CAAM,MAAM,KAAA,CAAM,IAAM,EAAA,CAAC,OAAY,KAAA;AACnC,MAAM,KAAA,CAAA,UAAA,CAAW,CAAC,GAAS,MAAA;AAAA,QACzB,GAAG,GAAA;AAAA,QACH,IAAM,EAAA;AAAA,OACN,CAAA,CAAA;AAAA,KACD,EAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,CAAA;AAGpB,IAAM,KAAA,CAAA,gBAAA,EAAkB,CAAC,UAAe,KAAA;AACtC,MAAM,KAAA,CAAA,UAAA,CAAW,CAAC,GAAS,MAAA;AAAA,QACzB,GAAG,GAAA;AAAA,QACH,OAAS,EAAA;AAAA,OACT,CAAA,CAAA;AAAA,KACD,EAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,CAAA;;;;;;;;;"}

package/dist/index.cjs

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const components_TSTable = require('./components/TSTable.cjs');
-const shared_utils = require('./shared/utils.cjs');
-
-
-
-exports.TSTable = components_TSTable._sfc_main;
-exports.processColumns = shared_utils.processColumns;
-//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/index.d.ts

@@ -1,72 +0,0 @@
-import { AllowedComponentProps } from 'vue';
-import { CellContext } from '@tanstack/vue-table';
-import { Column } from '@tanstack/vue-table';
-import { ColumnDef } from '@tanstack/vue-table';
-import { ColumnHelper } from '@tanstack/vue-table';
-import { ComponentCustomProps } from 'vue';
-import { HeaderContext } from '@tanstack/vue-table';
-import { PublicProps } from 'vue';
-import { Row } from '@tanstack/vue-table';
-import { RowData } from '@tanstack/vue-table';
-import { ShallowUnwrapRef } from 'vue';
-import { Slots } from 'vue';
-import { Table } from '@tanstack/vue-table';
-import { TableOptionsWithReactiveData } from '@tanstack/vue-table';
-import { VNode } from 'vue';
-import { VNodeProps } from 'vue';
-
-declare type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};
-
-export declare interface CellSlotProps<TData extends RowData> {
-    row: Row<TData>;
-    context: CellContext<TData, any>;
-    value: any;
-}
-
-export declare interface FooterSlotProps<TData extends RowData> {
-    column: Column<TData, any>;
-    context: HeaderContext<TData, any>;
-}
-
-export declare interface HeaderSlotProps<TData extends RowData> {
-    column: Column<TData, any>;
-    context: HeaderContext<TData, any>;
-}
-
-export declare const processColumns: <TData extends RowData & object>(columnHelper: ColumnHelper<TData>, columns: ColumnDef<TData, any>[], slots: Readonly<Slots>) => ColumnDef<TData, any>[];
-
-export declare type TableOptions = Omit<TableOptionsWithReactiveData<any>, 'columns' | 'data' | 'getCoreRowModel'>;
-
-export declare const TSTable: <TData extends RowData & object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & TSTableProps<TData> & Partial<{}>> & PublicProps;
-    expose(exposed: ShallowUnwrapRef<    {}>): void;
-    attrs: any;
-    slots: Readonly<{
-        [key: `header-${string}`]: (props: HeaderSlotProps<TData>) => any;
-        [key: `cell-${string}`]: (props: CellSlotProps<TData>) => any;
-        [key: `footer-${string}`]: (props: FooterSlotProps<TData>) => any;
-        default: (props: {
-            table: Table<TData>;
-        }) => any;
-    }> & {
-        [key: `header-${string}`]: (props: HeaderSlotProps<TData>) => any;
-        [key: `cell-${string}`]: (props: CellSlotProps<TData>) => any;
-        [key: `footer-${string}`]: (props: FooterSlotProps<TData>) => any;
-        default: (props: {
-            table: Table<TData>;
-        }) => any;
-    };
-    emit: {};
-}>) => VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-
-export declare interface TSTableProps<TData extends RowData & object> {
-    columns: ColumnDef<TData, any>[];
-    data: TData[];
-    tableOptions?: TableOptions;
-}
-
-export { }

package/dist/index.js

@@ -1,3 +0,0 @@
-export { _ as TSTable } from './components/TSTable.js';
-export { p as processColumns } from './shared/utils.js';
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/shared/utils.cjs

@@ -1,90 +0,0 @@
-'use strict';
-
-const capitalize = require('lodash.capitalize');
-
-const getHeader = (col, slots, context) => {
-  const columnId = col.accessorKey || col.id || "";
-  const slotName = `header-${columnId}`;
-  if (slots[slotName]) {
-    return slots[slotName]({
-      column: context.column,
-      context
-    });
-  }
-  if (col.header) {
-    return col.header;
-  }
-  return capitalize(columnId.split("-").join(" "));
-};
-const getFooter = (col, slots, context) => {
-  const columnId = col.accessorKey || col.id || "";
-  const slotName = `footer-${columnId}`;
-  if (slots[slotName]) {
-    return slots[slotName]({
-      column: context.column,
-      context
-    });
-  }
-  if (col.footer) {
-    return col.footer;
-  }
-  return void 0;
-};
-const getCell = (col, slots, context) => {
-  const columnId = col.accessorKey || col.id || "";
-  const slotName = `cell-${columnId}`;
-  if (slots[slotName]) {
-    return slots[slotName]({
-      cell: context.cell,
-      row: context.row,
-      value: context.getValue()
-    });
-  }
-  const value = context.getValue();
-  if (col.cell) {
-    return typeof col.cell === "function" ? col.cell(context) : col.cell;
-  }
-  return value !== void 0 && value !== null ? value : "-";
-};
-const processColumns = (columnHelper, columns, slots) => {
-  return columns.map((col) => {
-    if ("columns" in col && Array.isArray(col.columns)) {
-      return columnHelper.group({
-        id: col.id || String(Math.random()),
-        header: (context) => getHeader(col, slots, context),
-        footer: col.footer ? (context) => getFooter(col, slots, context) : void 0,
-        columns: processColumns(columnHelper, col.columns, slots),
-        meta: col.meta
-      });
-    }
-    const accessorCol = col;
-    if (accessorCol.accessorKey) {
-      return columnHelper.accessor(accessorCol.accessorKey, {
-        id: accessorCol.id || accessorCol.accessorKey,
-        header: (context) => getHeader(col, slots, context),
-        footer: col.footer ? (context) => getFooter(col, slots, context) : void 0,
-        cell: (context) => getCell(col, slots, context),
-        meta: col.meta
-      });
-    }
-    if (accessorCol.accessorFn) {
-      return columnHelper.accessor(accessorCol.accessorFn, {
-        id: accessorCol.id || String(Math.random()),
-        header: (context) => getHeader(col, slots, context),
-        footer: col.footer ? (context) => getFooter(col, slots, context) : void 0,
-        cell: (context) => getCell(col, slots, context),
-        meta: col.meta
-      });
-    }
-    return columnHelper.display({
-      id: col.id || String(Math.random()),
-      header: (context) => getHeader(col, slots, context),
-      footer: col.footer ? (context) => getFooter(col, slots, context) : void 0,
-      cell: (context) => getCell(col, slots, context),
-      meta: col.meta
-    });
-  });
-};
-
-exports.processColumns = processColumns;
-//# sourceMappingURL=utils.cjs.map

package/dist/shared/utils.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.cjs","sources":["../../src/shared/utils.ts"],"sourcesContent":["import type {\n  ColumnHelper,\n  HeaderContext,\n  CellContext,\n  RowData,\n  ColumnDef as TStackColumnDef,\n  ColumnDef,\n} from '@tanstack/vue-table'\nimport type { Slots } from 'vue'\nimport capitalize from 'lodash.capitalize'\n\nconst getHeader = <TData extends RowData & object>(\n  col: ColumnDef<TData, any>,\n  slots: Readonly<Slots>,\n  context: HeaderContext<TData, any>,\n) => {\n  const columnId = (col as any).accessorKey || col.id || ''\n  const slotName = `header-${columnId}`\n\n  // Check slot first\n  if (slots[slotName]) {\n    return slots[slotName]({\n      column: context.column,\n      context,\n    })\n  }\n\n  // Then use header prop if provided\n  if (col.header) {\n    return col.header\n  }\n\n  // Finally fallback to capitalized id\n  return capitalize(columnId.split('-').join(' '))\n}\n\nconst getFooter = <TData extends RowData & object>(\n  col: ColumnDef<TData, any>,\n  slots: Readonly<Slots>,\n  context: HeaderContext<TData, any>,\n) => {\n  const columnId = (col as any).accessorKey || col.id || ''\n  const slotName = `footer-${columnId}`\n\n  // Check slot first\n  if (slots[slotName]) {\n    return slots[slotName]({\n      column: context.column,\n      context,\n    })\n  }\n\n  // Then use footer prop if provided\n  if (col.footer) {\n    return col.footer\n  }\n\n  return undefined\n}\n\nconst getCell = <TData extends RowData & object>(\n  col: ColumnDef<TData, any>,\n  slots: Readonly<Slots>,\n  context: CellContext<TData, any>,\n) => {\n  const columnId = (col as any).accessorKey || col.id || ''\n  const slotName = `cell-${columnId}`\n\n  // Check slot first\n  if (slots[slotName]) {\n    return slots[slotName]({\n      cell: context.cell,\n      row: context.row,\n      value: context.getValue(),\n    })\n  }\n\n  // Then handle cell value\n  const value = context.getValue()\n  if (col.cell) {\n    return typeof col.cell === 'function' ? col.cell(context) : col.cell\n  }\n  return value !== undefined && value !== null ? value : '-'\n}\n\nexport const processColumns = <TData extends RowData & object>(\n  columnHelper: ColumnHelper<TData>,\n  columns: ColumnDef<TData, any>[],\n  slots: Readonly<Slots>,\n): TStackColumnDef<TData, any>[] => {\n  return columns.map((col): TStackColumnDef<TData, any> => {\n    // Handle group columns by checking if columns property exists\n    if ('columns' in col && Array.isArray(col.columns)) {\n      return columnHelper.group({\n        id: col.id || String(Math.random()),\n        header: (context: HeaderContext<TData, any>) => getHeader(col, slots, context),\n        footer: col.footer ? (context: HeaderContext<TData, any>) => getFooter(col, slots, context) : undefined,\n        columns: processColumns(columnHelper, col.columns as ColumnDef<TData, any>[], slots),\n        meta: col.meta,\n      })\n    }\n\n    // Handle accessor columns\n    const accessorCol = col as any\n    if (accessorCol.accessorKey) {\n      return columnHelper.accessor(accessorCol.accessorKey, {\n        id: accessorCol.id || accessorCol.accessorKey,\n        header: (context: HeaderContext<TData, any>) => getHeader(col, slots, context),\n        footer: col.footer ? (context: HeaderContext<TData, any>) => getFooter(col, slots, context) : undefined,\n        cell: (context: CellContext<TData, any>) => getCell(col, slots, context),\n        meta: col.meta,\n      })\n    }\n\n    if (accessorCol.accessorFn) {\n      return columnHelper.accessor(accessorCol.accessorFn, {\n        id: accessorCol.id || String(Math.random()),\n        header: (context: HeaderContext<TData, any>) => getHeader(col, slots, context),\n        footer: col.footer ? (context: HeaderContext<TData, any>) => getFooter(col, slots, context) : undefined,\n        cell: (context: CellContext<TData, any>) => getCell(col, slots, context),\n        meta: col.meta,\n      })\n    }\n\n    // Default case - treat as display column\n    return columnHelper.display({\n      id: col.id || String(Math.random()),\n      header: (context: HeaderContext<TData, any>) => getHeader(col, slots, context),\n      footer: col.footer ? (context: HeaderContext<TData, any>) => getFooter(col, slots, context) : undefined,\n      cell: (context: CellContext<TData, any>) => getCell(col, slots, context),\n      meta: col.meta,\n    })\n  })\n}\n"],"names":[],"mappings":"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"}

package/dist/shared/utils.js

@@ -1,88 +0,0 @@
-import capitalize from 'lodash.capitalize';
-
-const getHeader = (col, slots, context) => {
-  const columnId = col.accessorKey || col.id || "";
-  const slotName = `header-${columnId}`;
-  if (slots[slotName]) {
-    return slots[slotName]({
-      column: context.column,
-      context
-    });
-  }
-  if (col.header) {
-    return col.header;
-  }
-  return capitalize(columnId.split("-").join(" "));
-};
-const getFooter = (col, slots, context) => {
-  const columnId = col.accessorKey || col.id || "";
-  const slotName = `footer-${columnId}`;
-  if (slots[slotName]) {
-    return slots[slotName]({
-      column: context.column,
-      context
-    });
-  }
-  if (col.footer) {
-    return col.footer;
-  }
-  return void 0;
-};
-const getCell = (col, slots, context) => {
-  const columnId = col.accessorKey || col.id || "";
-  const slotName = `cell-${columnId}`;
-  if (slots[slotName]) {
-    return slots[slotName]({
-      cell: context.cell,
-      row: context.row,
-      value: context.getValue()
-    });
-  }
-  const value = context.getValue();
-  if (col.cell) {
-    return typeof col.cell === "function" ? col.cell(context) : col.cell;
-  }
-  return value !== void 0 && value !== null ? value : "-";
-};
-const processColumns = (columnHelper, columns, slots) => {
-  return columns.map((col) => {
-    if ("columns" in col && Array.isArray(col.columns)) {
-      return columnHelper.group({
-        id: col.id || String(Math.random()),
-        header: (context) => getHeader(col, slots, context),
-        footer: col.footer ? (context) => getFooter(col, slots, context) : void 0,
-        columns: processColumns(columnHelper, col.columns, slots),
-        meta: col.meta
-      });
-    }
-    const accessorCol = col;
-    if (accessorCol.accessorKey) {
-      return columnHelper.accessor(accessorCol.accessorKey, {
-        id: accessorCol.id || accessorCol.accessorKey,
-        header: (context) => getHeader(col, slots, context),
-        footer: col.footer ? (context) => getFooter(col, slots, context) : void 0,
-        cell: (context) => getCell(col, slots, context),
-        meta: col.meta
-      });
-    }
-    if (accessorCol.accessorFn) {
-      return columnHelper.accessor(accessorCol.accessorFn, {
-        id: accessorCol.id || String(Math.random()),
-        header: (context) => getHeader(col, slots, context),
-        footer: col.footer ? (context) => getFooter(col, slots, context) : void 0,
-        cell: (context) => getCell(col, slots, context),
-        meta: col.meta
-      });
-    }
-    return columnHelper.display({
-      id: col.id || String(Math.random()),
-      header: (context) => getHeader(col, slots, context),
-      footer: col.footer ? (context) => getFooter(col, slots, context) : void 0,
-      cell: (context) => getCell(col, slots, context),
-      meta: col.meta
-    });
-  });
-};
-
-export { processColumns as p };
-//# sourceMappingURL=utils.js.map

package/dist/shared/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../src/shared/utils.ts"],"sourcesContent":["import type {\n  ColumnHelper,\n  HeaderContext,\n  CellContext,\n  RowData,\n  ColumnDef as TStackColumnDef,\n  ColumnDef,\n} from '@tanstack/vue-table'\nimport type { Slots } from 'vue'\nimport capitalize from 'lodash.capitalize'\n\nconst getHeader = <TData extends RowData & object>(\n  col: ColumnDef<TData, any>,\n  slots: Readonly<Slots>,\n  context: HeaderContext<TData, any>,\n) => {\n  const columnId = (col as any).accessorKey || col.id || ''\n  const slotName = `header-${columnId}`\n\n  // Check slot first\n  if (slots[slotName]) {\n    return slots[slotName]({\n      column: context.column,\n      context,\n    })\n  }\n\n  // Then use header prop if provided\n  if (col.header) {\n    return col.header\n  }\n\n  // Finally fallback to capitalized id\n  return capitalize(columnId.split('-').join(' '))\n}\n\nconst getFooter = <TData extends RowData & object>(\n  col: ColumnDef<TData, any>,\n  slots: Readonly<Slots>,\n  context: HeaderContext<TData, any>,\n) => {\n  const columnId = (col as any).accessorKey || col.id || ''\n  const slotName = `footer-${columnId}`\n\n  // Check slot first\n  if (slots[slotName]) {\n    return slots[slotName]({\n      column: context.column,\n      context,\n    })\n  }\n\n  // Then use footer prop if provided\n  if (col.footer) {\n    return col.footer\n  }\n\n  return undefined\n}\n\nconst getCell = <TData extends RowData & object>(\n  col: ColumnDef<TData, any>,\n  slots: Readonly<Slots>,\n  context: CellContext<TData, any>,\n) => {\n  const columnId = (col as any).accessorKey || col.id || ''\n  const slotName = `cell-${columnId}`\n\n  // Check slot first\n  if (slots[slotName]) {\n    return slots[slotName]({\n      cell: context.cell,\n      row: context.row,\n      value: context.getValue(),\n    })\n  }\n\n  // Then handle cell value\n  const value = context.getValue()\n  if (col.cell) {\n    return typeof col.cell === 'function' ? col.cell(context) : col.cell\n  }\n  return value !== undefined && value !== null ? value : '-'\n}\n\nexport const processColumns = <TData extends RowData & object>(\n  columnHelper: ColumnHelper<TData>,\n  columns: ColumnDef<TData, any>[],\n  slots: Readonly<Slots>,\n): TStackColumnDef<TData, any>[] => {\n  return columns.map((col): TStackColumnDef<TData, any> => {\n    // Handle group columns by checking if columns property exists\n    if ('columns' in col && Array.isArray(col.columns)) {\n      return columnHelper.group({\n        id: col.id || String(Math.random()),\n        header: (context: HeaderContext<TData, any>) => getHeader(col, slots, context),\n        footer: col.footer ? (context: HeaderContext<TData, any>) => getFooter(col, slots, context) : undefined,\n        columns: processColumns(columnHelper, col.columns as ColumnDef<TData, any>[], slots),\n        meta: col.meta,\n      })\n    }\n\n    // Handle accessor columns\n    const accessorCol = col as any\n    if (accessorCol.accessorKey) {\n      return columnHelper.accessor(accessorCol.accessorKey, {\n        id: accessorCol.id || accessorCol.accessorKey,\n        header: (context: HeaderContext<TData, any>) => getHeader(col, slots, context),\n        footer: col.footer ? (context: HeaderContext<TData, any>) => getFooter(col, slots, context) : undefined,\n        cell: (context: CellContext<TData, any>) => getCell(col, slots, context),\n        meta: col.meta,\n      })\n    }\n\n    if (accessorCol.accessorFn) {\n      return columnHelper.accessor(accessorCol.accessorFn, {\n        id: accessorCol.id || String(Math.random()),\n        header: (context: HeaderContext<TData, any>) => getHeader(col, slots, context),\n        footer: col.footer ? (context: HeaderContext<TData, any>) => getFooter(col, slots, context) : undefined,\n        cell: (context: CellContext<TData, any>) => getCell(col, slots, context),\n        meta: col.meta,\n      })\n    }\n\n    // Default case - treat as display column\n    return columnHelper.display({\n      id: col.id || String(Math.random()),\n      header: (context: HeaderContext<TData, any>) => getHeader(col, slots, context),\n      footer: col.footer ? (context: HeaderContext<TData, any>) => getFooter(col, slots, context) : undefined,\n      cell: (context: CellContext<TData, any>) => getCell(col, slots, context),\n      meta: col.meta,\n    })\n  })\n}\n"],"names":[],"mappings":"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"}