@tanstack/vue-table 9.0.0-beta.31 → 9.0.0-beta.34

package/dist/FlexRender.cjs

@@ -60,11 +60,10 @@ const FlexRender = (0, vue.defineComponent)({
 	setup: (props) => {
 		return () => {
 			if (props.cell) {
-				var _cell$getIsAggregated, _cell$getIsPlaceholde;
 				const cell = props.cell;
 				const def = cell.column.columnDef;
-				if ((_cell$getIsAggregated = cell.getIsAggregated) === null || _cell$getIsAggregated === void 0 ? void 0 : _cell$getIsAggregated.call(cell)) return flexRender(def.aggregatedCell ?? def.cell, cell.getContext());
-				if ((_cell$getIsPlaceholde = cell.getIsPlaceholder) === null || _cell$getIsPlaceholde === void 0 ? void 0 : _cell$getIsPlaceholde.call(cell)) return null;
+				if (cell.getIsAggregated?.()) return flexRender(def.aggregatedCell ?? def.cell, cell.getContext());
+				if (cell.getIsPlaceholder?.()) return null;
 				return flexRender(def.cell, cell.getContext());
 			}
 			if (props.header) return flexRender(props.header.column.columnDef.header, props.header.getContext());

package/dist/FlexRender.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FlexRender.cjs","names":[],"sources":["../src/FlexRender.ts"],"sourcesContent":["import { defineComponent, h, isVNode } from 'vue'\nimport type { PropType } from 'vue'\n\nexport interface FlexRenderCell {\n  column: {\n    columnDef: {\n      aggregatedCell?: any\n      cell?: any\n    }\n  }\n  getContext: () => any\n  getIsAggregated?: () => boolean\n  getIsPlaceholder?: () => boolean\n}\n\nexport interface FlexRenderHeader {\n  column: {\n    columnDef: {\n      footer?: any\n      header?: any\n    }\n  }\n  getContext: () => any\n}\n\n/**\n * If rendering headers, cells, or footers with custom markup, use flexRender instead of `cell.getValue()` or `cell.renderValue()`.\n * @example flexRender(cell.column.columnDef.cell, cell.getContext())\n */\nexport function flexRender(render: any, props: any): any {\n  if (typeof render === 'function') {\n    const rendered = render(props)\n\n    if (isVNode(rendered)) {\n      return rendered\n    }\n\n    if (typeof rendered === 'function' || typeof rendered === 'object') {\n      return h(rendered, props)\n    }\n\n    return rendered\n  }\n\n  if (typeof render === 'object') {\n    return h(render, props)\n  }\n\n  return render\n}\n\n/**\n * Simplified component for rendering headers, cells, or footers.\n *\n * Supports both the new shorthand pattern and the legacy `:render`/`:props` pattern:\n * @example\n * ```vue\n * <!-- New shorthand pattern -->\n * <FlexRender :cell=\"cell\" />\n * <FlexRender :header=\"header\" />\n * <FlexRender :footer=\"header\" />\n *\n * <!-- Legacy pattern (still supported) -->\n * <FlexRender :render=\"cell.column.columnDef.cell\" :props=\"cell.getContext()\" />\n * ```\n */\nexport const FlexRender = defineComponent({\n  props: {\n    render: {\n      type: [Function, Object, String] as PropType<any>,\n      default: undefined,\n    },\n    props: {\n      type: Object as PropType<any>,\n      default: undefined,\n    },\n    cell: {\n      type: Object as PropType<FlexRenderCell>,\n      default: undefined,\n    },\n    header: {\n      type: Object as PropType<FlexRenderHeader>,\n      default: undefined,\n    },\n    footer: {\n      type: Object as PropType<FlexRenderHeader>,\n      default: undefined,\n    },\n  },\n  setup: (props: {\n    render?: any\n    props?: any\n    cell?: FlexRenderCell\n    header?: FlexRenderHeader\n    footer?: FlexRenderHeader\n  }) => {\n    return () => {\n      // New shorthand pattern: extract render and props from cell/header/footer\n      if (props.cell) {\n        const cell = props.cell\n        const def = cell.column.columnDef\n        // When the column-grouping feature is registered, a cell can be in\n        // one of three special modes that should not render `columnDef.cell`\n        // directly:\n        //   - aggregated: render `columnDef.aggregatedCell` (falling back to\n        //     `columnDef.cell` if the column did not define one)\n        //   - placeholder: a duplicate value within a group — render nothing\n        //   - grouped: fall through to `columnDef.cell`; consumers that want\n        //     a custom group header typically branch on `cell.getIsGrouped()`\n        //     themselves first\n        if (cell.getIsAggregated?.()) {\n          return flexRender(def.aggregatedCell ?? def.cell, cell.getContext())\n        }\n        if (cell.getIsPlaceholder?.()) {\n          return null\n        }\n        return flexRender(def.cell, cell.getContext())\n      }\n\n      if (props.header) {\n        return flexRender(\n          props.header.column.columnDef.header,\n          props.header.getContext(),\n        )\n      }\n\n      if (props.footer) {\n        return flexRender(\n          props.footer.column.columnDef.footer,\n          props.footer.getContext(),\n        )\n      }\n\n      // Legacy pattern: use render and props directly\n      return flexRender(props.render, props.props)\n    }\n  },\n})\n"],"mappings":";;;;;;;AA6BA,SAAgB,WAAW,QAAa,OAAiB;CACvD,IAAI,OAAO,WAAW,YAAY;EAChC,MAAM,WAAW,OAAO,KAAK;EAE7B,qBAAY,QAAQ,GAClB,OAAO;EAGT,IAAI,OAAO,aAAa,cAAc,OAAO,aAAa,UACxD,kBAAS,UAAU,KAAK;EAG1B,OAAO;CACT;CAEA,IAAI,OAAO,WAAW,UACpB,kBAAS,QAAQ,KAAK;CAGxB,OAAO;AACT;;;;;;;;;;;;;;;;AAiBA,MAAa,sCAA6B;CACxC,OAAO;EACL,QAAQ;GACN,MAAM;IAAC;IAAU;IAAQ;GAAM;GAC/B,SAAS;EACX;EACA,OAAO;GACL,MAAM;GACN,SAAS;EACX;EACA,MAAM;GACJ,MAAM;GACN,SAAS;EACX;EACA,QAAQ;GACN,MAAM;GACN,SAAS;EACX;EACA,QAAQ;GACN,MAAM;GACN,SAAS;EACX;CACF;CACA,QAAQ,UAMF;EACJ,aAAa;GAEX,IAAI,MAAM,MAAM;;IACd,MAAM,OAAO,MAAM;IACnB,MAAM,MAAM,KAAK,OAAO;IAUxB,6BAAI,KAAK,wGAAkB,GACzB,OAAO,WAAW,IAAI,kBAAkB,IAAI,MAAM,KAAK,WAAW,CAAC;IAErE,6BAAI,KAAK,yGAAmB,GAC1B,OAAO;IAET,OAAO,WAAW,IAAI,MAAM,KAAK,WAAW,CAAC;GAC/C;GAEA,IAAI,MAAM,QACR,OAAO,WACL,MAAM,OAAO,OAAO,UAAU,QAC9B,MAAM,OAAO,WAAW,CAC1B;GAGF,IAAI,MAAM,QACR,OAAO,WACL,MAAM,OAAO,OAAO,UAAU,QAC9B,MAAM,OAAO,WAAW,CAC1B;GAIF,OAAO,WAAW,MAAM,QAAQ,MAAM,KAAK;EAC7C;CACF;AACF,CAAC"}
+{"version":3,"file":"FlexRender.cjs","names":[],"sources":["../src/FlexRender.ts"],"sourcesContent":["import { defineComponent, h, isVNode } from 'vue'\nimport type { PropType } from 'vue'\n\nexport interface FlexRenderCell {\n  column: {\n    columnDef: {\n      aggregatedCell?: any\n      cell?: any\n    }\n  }\n  getContext: () => any\n  getIsAggregated?: () => boolean\n  getIsPlaceholder?: () => boolean\n}\n\nexport interface FlexRenderHeader {\n  column: {\n    columnDef: {\n      footer?: any\n      header?: any\n    }\n  }\n  getContext: () => any\n}\n\n/**\n * If rendering headers, cells, or footers with custom markup, use flexRender instead of `cell.getValue()` or `cell.renderValue()`.\n * @example flexRender(cell.column.columnDef.cell, cell.getContext())\n */\nexport function flexRender(render: any, props: any): any {\n  if (typeof render === 'function') {\n    const rendered = render(props)\n\n    if (isVNode(rendered)) {\n      return rendered\n    }\n\n    if (typeof rendered === 'function' || typeof rendered === 'object') {\n      return h(rendered, props)\n    }\n\n    return rendered\n  }\n\n  if (typeof render === 'object') {\n    return h(render, props)\n  }\n\n  return render\n}\n\n/**\n * Simplified component for rendering headers, cells, or footers.\n *\n * Supports both the new shorthand pattern and the legacy `:render`/`:props` pattern:\n * @example\n * ```vue\n * <!-- New shorthand pattern -->\n * <FlexRender :cell=\"cell\" />\n * <FlexRender :header=\"header\" />\n * <FlexRender :footer=\"header\" />\n *\n * <!-- Legacy pattern (still supported) -->\n * <FlexRender :render=\"cell.column.columnDef.cell\" :props=\"cell.getContext()\" />\n * ```\n */\nexport const FlexRender = defineComponent({\n  props: {\n    render: {\n      type: [Function, Object, String] as PropType<any>,\n      default: undefined,\n    },\n    props: {\n      type: Object as PropType<any>,\n      default: undefined,\n    },\n    cell: {\n      type: Object as PropType<FlexRenderCell>,\n      default: undefined,\n    },\n    header: {\n      type: Object as PropType<FlexRenderHeader>,\n      default: undefined,\n    },\n    footer: {\n      type: Object as PropType<FlexRenderHeader>,\n      default: undefined,\n    },\n  },\n  setup: (props: {\n    render?: any\n    props?: any\n    cell?: FlexRenderCell\n    header?: FlexRenderHeader\n    footer?: FlexRenderHeader\n  }) => {\n    return () => {\n      // New shorthand pattern: extract render and props from cell/header/footer\n      if (props.cell) {\n        const cell = props.cell\n        const def = cell.column.columnDef\n        // When the column-grouping feature is registered, a cell can be in\n        // one of three special modes that should not render `columnDef.cell`\n        // directly:\n        //   - aggregated: render `columnDef.aggregatedCell` (falling back to\n        //     `columnDef.cell` if the column did not define one)\n        //   - placeholder: a duplicate value within a group — render nothing\n        //   - grouped: fall through to `columnDef.cell`; consumers that want\n        //     a custom group header typically branch on `cell.getIsGrouped()`\n        //     themselves first\n        if (cell.getIsAggregated?.()) {\n          return flexRender(def.aggregatedCell ?? def.cell, cell.getContext())\n        }\n        if (cell.getIsPlaceholder?.()) {\n          return null\n        }\n        return flexRender(def.cell, cell.getContext())\n      }\n\n      if (props.header) {\n        return flexRender(\n          props.header.column.columnDef.header,\n          props.header.getContext(),\n        )\n      }\n\n      if (props.footer) {\n        return flexRender(\n          props.footer.column.columnDef.footer,\n          props.footer.getContext(),\n        )\n      }\n\n      // Legacy pattern: use render and props directly\n      return flexRender(props.render, props.props)\n    }\n  },\n})\n"],"mappings":";;;;;;;AA6BA,SAAgB,WAAW,QAAa,OAAiB;CACvD,IAAI,OAAO,WAAW,YAAY;EAChC,MAAM,WAAW,OAAO,KAAK;EAE7B,qBAAY,QAAQ,GAClB,OAAO;EAGT,IAAI,OAAO,aAAa,cAAc,OAAO,aAAa,UACxD,kBAAS,UAAU,KAAK;EAG1B,OAAO;CACT;CAEA,IAAI,OAAO,WAAW,UACpB,kBAAS,QAAQ,KAAK;CAGxB,OAAO;AACT;;;;;;;;;;;;;;;;AAiBA,MAAa,sCAA6B;CACxC,OAAO;EACL,QAAQ;GACN,MAAM;IAAC;IAAU;IAAQ;GAAM;GAC/B,SAAS;EACX;EACA,OAAO;GACL,MAAM;GACN,SAAS;EACX;EACA,MAAM;GACJ,MAAM;GACN,SAAS;EACX;EACA,QAAQ;GACN,MAAM;GACN,SAAS;EACX;EACA,QAAQ;GACN,MAAM;GACN,SAAS;EACX;CACF;CACA,QAAQ,UAMF;EACJ,aAAa;GAEX,IAAI,MAAM,MAAM;IACd,MAAM,OAAO,MAAM;IACnB,MAAM,MAAM,KAAK,OAAO;IAUxB,IAAI,KAAK,kBAAkB,GACzB,OAAO,WAAW,IAAI,kBAAkB,IAAI,MAAM,KAAK,WAAW,CAAC;IAErE,IAAI,KAAK,mBAAmB,GAC1B,OAAO;IAET,OAAO,WAAW,IAAI,MAAM,KAAK,WAAW,CAAC;GAC/C;GAEA,IAAI,MAAM,QACR,OAAO,WACL,MAAM,OAAO,OAAO,UAAU,QAC9B,MAAM,OAAO,WAAW,CAC1B;GAGF,IAAI,MAAM,QACR,OAAO,WACL,MAAM,OAAO,OAAO,UAAU,QAC9B,MAAM,OAAO,WAAW,CAC1B;GAIF,OAAO,WAAW,MAAM,QAAQ,MAAM,KAAK;EAC7C;CACF;AACF,CAAC"}

package/dist/FlexRender.js

@@ -60,11 +60,10 @@ const FlexRender = defineComponent({
 	setup: (props) => {
 		return () => {
 			if (props.cell) {
-				var _cell$getIsAggregated, _cell$getIsPlaceholde;
 				const cell = props.cell;
 				const def = cell.column.columnDef;
-				if ((_cell$getIsAggregated = cell.getIsAggregated) === null || _cell$getIsAggregated === void 0 ? void 0 : _cell$getIsAggregated.call(cell)) return flexRender(def.aggregatedCell ?? def.cell, cell.getContext());
-				if ((_cell$getIsPlaceholde = cell.getIsPlaceholder) === null || _cell$getIsPlaceholde === void 0 ? void 0 : _cell$getIsPlaceholde.call(cell)) return null;
+				if (cell.getIsAggregated?.()) return flexRender(def.aggregatedCell ?? def.cell, cell.getContext());
+				if (cell.getIsPlaceholder?.()) return null;
 				return flexRender(def.cell, cell.getContext());
 			}
 			if (props.header) return flexRender(props.header.column.columnDef.header, props.header.getContext());

package/dist/FlexRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlexRender.js","names":[],"sources":["../src/FlexRender.ts"],"sourcesContent":["import { defineComponent, h, isVNode } from 'vue'\nimport type { PropType } from 'vue'\n\nexport interface FlexRenderCell {\n  column: {\n    columnDef: {\n      aggregatedCell?: any\n      cell?: any\n    }\n  }\n  getContext: () => any\n  getIsAggregated?: () => boolean\n  getIsPlaceholder?: () => boolean\n}\n\nexport interface FlexRenderHeader {\n  column: {\n    columnDef: {\n      footer?: any\n      header?: any\n    }\n  }\n  getContext: () => any\n}\n\n/**\n * If rendering headers, cells, or footers with custom markup, use flexRender instead of `cell.getValue()` or `cell.renderValue()`.\n * @example flexRender(cell.column.columnDef.cell, cell.getContext())\n */\nexport function flexRender(render: any, props: any): any {\n  if (typeof render === 'function') {\n    const rendered = render(props)\n\n    if (isVNode(rendered)) {\n      return rendered\n    }\n\n    if (typeof rendered === 'function' || typeof rendered === 'object') {\n      return h(rendered, props)\n    }\n\n    return rendered\n  }\n\n  if (typeof render === 'object') {\n    return h(render, props)\n  }\n\n  return render\n}\n\n/**\n * Simplified component for rendering headers, cells, or footers.\n *\n * Supports both the new shorthand pattern and the legacy `:render`/`:props` pattern:\n * @example\n * ```vue\n * <!-- New shorthand pattern -->\n * <FlexRender :cell=\"cell\" />\n * <FlexRender :header=\"header\" />\n * <FlexRender :footer=\"header\" />\n *\n * <!-- Legacy pattern (still supported) -->\n * <FlexRender :render=\"cell.column.columnDef.cell\" :props=\"cell.getContext()\" />\n * ```\n */\nexport const FlexRender = defineComponent({\n  props: {\n    render: {\n      type: [Function, Object, String] as PropType<any>,\n      default: undefined,\n    },\n    props: {\n      type: Object as PropType<any>,\n      default: undefined,\n    },\n    cell: {\n      type: Object as PropType<FlexRenderCell>,\n      default: undefined,\n    },\n    header: {\n      type: Object as PropType<FlexRenderHeader>,\n      default: undefined,\n    },\n    footer: {\n      type: Object as PropType<FlexRenderHeader>,\n      default: undefined,\n    },\n  },\n  setup: (props: {\n    render?: any\n    props?: any\n    cell?: FlexRenderCell\n    header?: FlexRenderHeader\n    footer?: FlexRenderHeader\n  }) => {\n    return () => {\n      // New shorthand pattern: extract render and props from cell/header/footer\n      if (props.cell) {\n        const cell = props.cell\n        const def = cell.column.columnDef\n        // When the column-grouping feature is registered, a cell can be in\n        // one of three special modes that should not render `columnDef.cell`\n        // directly:\n        //   - aggregated: render `columnDef.aggregatedCell` (falling back to\n        //     `columnDef.cell` if the column did not define one)\n        //   - placeholder: a duplicate value within a group — render nothing\n        //   - grouped: fall through to `columnDef.cell`; consumers that want\n        //     a custom group header typically branch on `cell.getIsGrouped()`\n        //     themselves first\n        if (cell.getIsAggregated?.()) {\n          return flexRender(def.aggregatedCell ?? def.cell, cell.getContext())\n        }\n        if (cell.getIsPlaceholder?.()) {\n          return null\n        }\n        return flexRender(def.cell, cell.getContext())\n      }\n\n      if (props.header) {\n        return flexRender(\n          props.header.column.columnDef.header,\n          props.header.getContext(),\n        )\n      }\n\n      if (props.footer) {\n        return flexRender(\n          props.footer.column.columnDef.footer,\n          props.footer.getContext(),\n        )\n      }\n\n      // Legacy pattern: use render and props directly\n      return flexRender(props.render, props.props)\n    }\n  },\n})\n"],"mappings":";;;;;;;AA6BA,SAAgB,WAAW,QAAa,OAAiB;CACvD,IAAI,OAAO,WAAW,YAAY;EAChC,MAAM,WAAW,OAAO,KAAK;EAE7B,IAAI,QAAQ,QAAQ,GAClB,OAAO;EAGT,IAAI,OAAO,aAAa,cAAc,OAAO,aAAa,UACxD,OAAO,EAAE,UAAU,KAAK;EAG1B,OAAO;CACT;CAEA,IAAI,OAAO,WAAW,UACpB,OAAO,EAAE,QAAQ,KAAK;CAGxB,OAAO;AACT;;;;;;;;;;;;;;;;AAiBA,MAAa,aAAa,gBAAgB;CACxC,OAAO;EACL,QAAQ;GACN,MAAM;IAAC;IAAU;IAAQ;GAAM;GAC/B,SAAS;EACX;EACA,OAAO;GACL,MAAM;GACN,SAAS;EACX;EACA,MAAM;GACJ,MAAM;GACN,SAAS;EACX;EACA,QAAQ;GACN,MAAM;GACN,SAAS;EACX;EACA,QAAQ;GACN,MAAM;GACN,SAAS;EACX;CACF;CACA,QAAQ,UAMF;EACJ,aAAa;GAEX,IAAI,MAAM,MAAM;;IACd,MAAM,OAAO,MAAM;IACnB,MAAM,MAAM,KAAK,OAAO;IAUxB,6BAAI,KAAK,wGAAkB,GACzB,OAAO,WAAW,IAAI,kBAAkB,IAAI,MAAM,KAAK,WAAW,CAAC;IAErE,6BAAI,KAAK,yGAAmB,GAC1B,OAAO;IAET,OAAO,WAAW,IAAI,MAAM,KAAK,WAAW,CAAC;GAC/C;GAEA,IAAI,MAAM,QACR,OAAO,WACL,MAAM,OAAO,OAAO,UAAU,QAC9B,MAAM,OAAO,WAAW,CAC1B;GAGF,IAAI,MAAM,QACR,OAAO,WACL,MAAM,OAAO,OAAO,UAAU,QAC9B,MAAM,OAAO,WAAW,CAC1B;GAIF,OAAO,WAAW,MAAM,QAAQ,MAAM,KAAK;EAC7C;CACF;AACF,CAAC"}
+{"version":3,"file":"FlexRender.js","names":[],"sources":["../src/FlexRender.ts"],"sourcesContent":["import { defineComponent, h, isVNode } from 'vue'\nimport type { PropType } from 'vue'\n\nexport interface FlexRenderCell {\n  column: {\n    columnDef: {\n      aggregatedCell?: any\n      cell?: any\n    }\n  }\n  getContext: () => any\n  getIsAggregated?: () => boolean\n  getIsPlaceholder?: () => boolean\n}\n\nexport interface FlexRenderHeader {\n  column: {\n    columnDef: {\n      footer?: any\n      header?: any\n    }\n  }\n  getContext: () => any\n}\n\n/**\n * If rendering headers, cells, or footers with custom markup, use flexRender instead of `cell.getValue()` or `cell.renderValue()`.\n * @example flexRender(cell.column.columnDef.cell, cell.getContext())\n */\nexport function flexRender(render: any, props: any): any {\n  if (typeof render === 'function') {\n    const rendered = render(props)\n\n    if (isVNode(rendered)) {\n      return rendered\n    }\n\n    if (typeof rendered === 'function' || typeof rendered === 'object') {\n      return h(rendered, props)\n    }\n\n    return rendered\n  }\n\n  if (typeof render === 'object') {\n    return h(render, props)\n  }\n\n  return render\n}\n\n/**\n * Simplified component for rendering headers, cells, or footers.\n *\n * Supports both the new shorthand pattern and the legacy `:render`/`:props` pattern:\n * @example\n * ```vue\n * <!-- New shorthand pattern -->\n * <FlexRender :cell=\"cell\" />\n * <FlexRender :header=\"header\" />\n * <FlexRender :footer=\"header\" />\n *\n * <!-- Legacy pattern (still supported) -->\n * <FlexRender :render=\"cell.column.columnDef.cell\" :props=\"cell.getContext()\" />\n * ```\n */\nexport const FlexRender = defineComponent({\n  props: {\n    render: {\n      type: [Function, Object, String] as PropType<any>,\n      default: undefined,\n    },\n    props: {\n      type: Object as PropType<any>,\n      default: undefined,\n    },\n    cell: {\n      type: Object as PropType<FlexRenderCell>,\n      default: undefined,\n    },\n    header: {\n      type: Object as PropType<FlexRenderHeader>,\n      default: undefined,\n    },\n    footer: {\n      type: Object as PropType<FlexRenderHeader>,\n      default: undefined,\n    },\n  },\n  setup: (props: {\n    render?: any\n    props?: any\n    cell?: FlexRenderCell\n    header?: FlexRenderHeader\n    footer?: FlexRenderHeader\n  }) => {\n    return () => {\n      // New shorthand pattern: extract render and props from cell/header/footer\n      if (props.cell) {\n        const cell = props.cell\n        const def = cell.column.columnDef\n        // When the column-grouping feature is registered, a cell can be in\n        // one of three special modes that should not render `columnDef.cell`\n        // directly:\n        //   - aggregated: render `columnDef.aggregatedCell` (falling back to\n        //     `columnDef.cell` if the column did not define one)\n        //   - placeholder: a duplicate value within a group — render nothing\n        //   - grouped: fall through to `columnDef.cell`; consumers that want\n        //     a custom group header typically branch on `cell.getIsGrouped()`\n        //     themselves first\n        if (cell.getIsAggregated?.()) {\n          return flexRender(def.aggregatedCell ?? def.cell, cell.getContext())\n        }\n        if (cell.getIsPlaceholder?.()) {\n          return null\n        }\n        return flexRender(def.cell, cell.getContext())\n      }\n\n      if (props.header) {\n        return flexRender(\n          props.header.column.columnDef.header,\n          props.header.getContext(),\n        )\n      }\n\n      if (props.footer) {\n        return flexRender(\n          props.footer.column.columnDef.footer,\n          props.footer.getContext(),\n        )\n      }\n\n      // Legacy pattern: use render and props directly\n      return flexRender(props.render, props.props)\n    }\n  },\n})\n"],"mappings":";;;;;;;AA6BA,SAAgB,WAAW,QAAa,OAAiB;CACvD,IAAI,OAAO,WAAW,YAAY;EAChC,MAAM,WAAW,OAAO,KAAK;EAE7B,IAAI,QAAQ,QAAQ,GAClB,OAAO;EAGT,IAAI,OAAO,aAAa,cAAc,OAAO,aAAa,UACxD,OAAO,EAAE,UAAU,KAAK;EAG1B,OAAO;CACT;CAEA,IAAI,OAAO,WAAW,UACpB,OAAO,EAAE,QAAQ,KAAK;CAGxB,OAAO;AACT;;;;;;;;;;;;;;;;AAiBA,MAAa,aAAa,gBAAgB;CACxC,OAAO;EACL,QAAQ;GACN,MAAM;IAAC;IAAU;IAAQ;GAAM;GAC/B,SAAS;EACX;EACA,OAAO;GACL,MAAM;GACN,SAAS;EACX;EACA,MAAM;GACJ,MAAM;GACN,SAAS;EACX;EACA,QAAQ;GACN,MAAM;GACN,SAAS;EACX;EACA,QAAQ;GACN,MAAM;GACN,SAAS;EACX;CACF;CACA,QAAQ,UAMF;EACJ,aAAa;GAEX,IAAI,MAAM,MAAM;IACd,MAAM,OAAO,MAAM;IACnB,MAAM,MAAM,KAAK,OAAO;IAUxB,IAAI,KAAK,kBAAkB,GACzB,OAAO,WAAW,IAAI,kBAAkB,IAAI,MAAM,KAAK,WAAW,CAAC;IAErE,IAAI,KAAK,mBAAmB,GAC1B,OAAO;IAET,OAAO,WAAW,IAAI,MAAM,KAAK,WAAW,CAAC;GAC/C;GAEA,IAAI,MAAM,QACR,OAAO,WACL,MAAM,OAAO,OAAO,UAAU,QAC9B,MAAM,OAAO,WAAW,CAC1B;GAGF,IAAI,MAAM,QACR,OAAO,WACL,MAAM,OAAO,OAAO,UAAU,QAC9B,MAAM,OAAO,WAAW,CAC1B;GAIF,OAAO,WAAW,MAAM,QAAQ,MAAM,KAAK;EAC7C;CACF;AACF,CAAC"}

package/dist/createTableHook.cjs

@@ -106,8 +106,7 @@ function createTableHook({ tableComponents, cellComponents, headerComponents, ..
 			setup(_, { slots }) {
 				(0, vue.provide)(TableContext, table);
 				return () => {
-					var _slots$default;
-					return (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots);
+					return slots.default?.();
 				};
 			}
 		});
@@ -125,8 +124,7 @@ function createTableHook({ tableComponents, cellComponents, headerComponents, ..
 					...cellComponents ?? {}
 				});
 				return () => {
-					var _slots$default2;
-					return (_slots$default2 = slots.default) === null || _slots$default2 === void 0 ? void 0 : _slots$default2.call(slots, { cell: extendedCell });
+					return slots.default?.({ cell: extendedCell });
 				};
 			}
 		});
@@ -144,8 +142,7 @@ function createTableHook({ tableComponents, cellComponents, headerComponents, ..
 					...headerComponents ?? {}
 				});
 				return () => {
-					var _slots$default3;
-					return (_slots$default3 = slots.default) === null || _slots$default3 === void 0 ? void 0 : _slots$default3.call(slots, { header: extendedHeader });
+					return slots.default?.({ header: extendedHeader });
 				};
 			}
 		});
@@ -163,8 +160,7 @@ function createTableHook({ tableComponents, cellComponents, headerComponents, ..
 					...headerComponents ?? {}
 				});
 				return () => {
-					var _slots$default4;
-					return (_slots$default4 = slots.default) === null || _slots$default4 === void 0 ? void 0 : _slots$default4.call(slots, { header: extendedHeader });
+					return slots.default?.({ header: extendedHeader });
 				};
 			}
 		});

package/dist/createTableHook.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"createTableHook.cjs","names":["FlexRender","useTable","mergeProxy"],"sources":["../src/createTableHook.ts"],"sourcesContent":["import { createColumnHelper as coreCreateColumnHelper } from '@tanstack/table-core'\nimport { defineComponent, h, inject, provide } from 'vue'\nimport { FlexRender } from './FlexRender'\nimport { mergeProxy } from './merge-proxy'\nimport { useTable } from './useTable'\nimport type { TableOptionsWithReactiveData, VueTable } from './useTable'\nimport type { FlexRenderCell, FlexRenderHeader } from './FlexRender'\nimport type { Component, InjectionKey, PropType, VNodeChild } from 'vue'\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  TableState,\n} from '@tanstack/table-core'\n\nexport type ComponentType<T extends Record<string, any>> = Component<T>\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: Component }\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\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: Component }\n  table: Table<TFeatures, TData>\n}\n\nexport type AppColumnDefTemplate<TProps extends object> =\n  | string\n  | ((props: TProps) => any)\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\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\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\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  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  columns: <TColumns extends ReadonlyArray<ColumnDef<TFeatures, TData, any>>>(\n    columns: [...TColumns],\n  ) => Array<ColumnDef<TFeatures, TData, any>> & [...TColumns]\n  display: (\n    column: AppDisplayColumnDef<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >,\n  ) => DisplayColumnDef<TFeatures, TData, unknown>\n  group: (\n    column: AppGroupColumnDef<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >,\n  ) => GroupColumnDef<TFeatures, TData, unknown>\n}\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  TableOptionsWithReactiveData<TFeatures, any>,\n  'columns' | 'data' | 'store' | 'state' | 'initialState'\n> & {\n  tableComponents?: TTableComponents\n  cellComponents?: TCellComponents\n  headerComponents?: THeaderComponents\n}\n\nexport interface AppTableProps {}\n\nexport interface AppCellProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n> {\n  cell: Cell<TFeatures, TData, TValue>\n}\n\nexport interface AppHeaderProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n> {\n  header: Header<TFeatures, TData, TValue>\n}\n\nexport type AppVueTable<\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> = VueTable<TFeatures, TData> &\n  NoInfer<TTableComponents> & {\n    AppTable: Component<AppTableProps>\n    AppCell: Component<AppCellProps<TFeatures, TData>>\n    AppHeader: Component<AppHeaderProps<TFeatures, TData>>\n    AppFooter: Component<AppHeaderProps<TFeatures, TData>>\n    FlexRender: typeof AppFlexRender\n  }\n\nexport interface CreateTableHookResult<\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> {\n  /** The features object that was passed to `createTableHook`. */\n  appFeatures: TFeatures\n  /**\n   * A column helper pre-bound to `TFeatures` and the registered components, so\n   * the cell/header/footer render props expose the bound components.\n   */\n  createAppColumnHelper: <TData extends RowData>() => AppColumnHelper<\n    TFeatures,\n    TData,\n    TCellComponents,\n    THeaderComponents\n  >\n  /**\n   * Creates a table with the `App*` wrapper components and registered\n   * `tableComponents` attached. `TData` is inferred from the `data` option.\n   */\n  useAppTable: <TData extends RowData>(\n    tableOptions: Omit<\n      TableOptionsWithReactiveData<TFeatures, TData>,\n      'features'\n    >,\n  ) => AppVueTable<\n    TFeatures,\n    TData,\n    TableState<TFeatures>,\n    TTableComponents,\n    TCellComponents,\n    THeaderComponents\n  >\n  /**\n   * Reads the table provided by the nearest `<table.AppTable>`. This is the same\n   * extended instance `useAppTable` returns, so the `App*` components and your\n   * `tableComponents` are available on it.\n   */\n  useTableContext: <TData extends RowData = RowData>() => AppVueTable<\n    TFeatures,\n    TData,\n    TableState<TFeatures>,\n    TTableComponents,\n    TCellComponents,\n    THeaderComponents\n  >\n  /**\n   * Reads the cell provided by the nearest `<table.AppCell>`, extended with your\n   * `cellComponents` and a context-bound `FlexRender`.\n   */\n  useCellContext: <TValue extends CellData = CellData>() => Cell<\n    TFeatures,\n    any,\n    TValue\n  > &\n    TCellComponents & { FlexRender: Component }\n  /**\n   * Reads the header provided by the nearest `<table.AppHeader>` /\n   * `<table.AppFooter>`, extended with your `headerComponents` and a\n   * context-bound `FlexRender`.\n   */\n  useHeaderContext: <TValue extends CellData = CellData>() => Header<\n    TFeatures,\n    any,\n    TValue\n  > &\n    THeaderComponents & { FlexRender: Component }\n}\n\nexport const AppFlexRender = defineComponent({\n  name: 'TableFlexRender',\n  props: {\n    cell: {\n      type: Object as PropType<FlexRenderCell>,\n      default: undefined,\n    },\n    header: {\n      type: Object as PropType<FlexRenderHeader>,\n      default: undefined,\n    },\n    footer: {\n      type: Object as PropType<FlexRenderHeader>,\n      default: undefined,\n    },\n  },\n  setup(props) {\n    return () => {\n      if (props.cell) {\n        return h(FlexRender, {\n          render: props.cell.column.columnDef.cell,\n          props: props.cell.getContext(),\n        })\n      }\n\n      if (props.header) {\n        return h(FlexRender, {\n          render: props.header.column.columnDef.header,\n          props: props.header.getContext(),\n        })\n      }\n\n      if (props.footer) {\n        return h(FlexRender, {\n          render: props.footer.column.columnDef.footer,\n          props: props.footer.getContext(),\n        })\n      }\n\n      return null\n    }\n  },\n})\n\n/**\n * Creates app-scoped Vue table helpers with features, row models, and\n * renderable component maps pre-bound.\n *\n * Use this when an app or design system wants typed `useAppTable`, a pre-bound\n * column helper, and context helpers for table, cell, and header components.\n *\n * @example\n * ```ts\n * const { useAppTable, createAppColumnHelper } = createTableHook({\n *   features,\n *   tableComponents: {},\n *   cellComponents: {},\n *   headerComponents: {},\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>): CreateTableHookResult<\n  TFeatures,\n  TTableComponents,\n  TCellComponents,\n  THeaderComponents\n> {\n  const TableContext = Symbol('TableContext') as InjectionKey<\n    VueTable<TFeatures, any>\n  >\n  const CellContext = Symbol('CellContext') as InjectionKey<\n    Cell<TFeatures, any, any>\n  >\n  const HeaderContext = Symbol('HeaderContext') as InjectionKey<\n    Header<TFeatures, any, any>\n  >\n\n  function createAppColumnHelper<TData extends RowData>(): AppColumnHelper<\n    TFeatures,\n    TData,\n    TCellComponents,\n    THeaderComponents\n  > {\n    return coreCreateColumnHelper<TFeatures, TData>() as AppColumnHelper<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  function useTableContext<TData extends RowData = RowData>(): AppVueTable<\n    TFeatures,\n    TData,\n    TableState<TFeatures>,\n    TTableComponents,\n    TCellComponents,\n    THeaderComponents\n  > {\n    const table = inject(TableContext)\n\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    // The value provided by `<table.AppTable>` is the extended table (the App*\n    // wrapper components and `tableComponents` are Object.assign-ed onto the same\n    // instance `useAppTable` returns), so this asserts the runtime shape.\n    return table as unknown as AppVueTable<\n      TFeatures,\n      TData,\n      TableState<TFeatures>,\n      TTableComponents,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  function useCellContext<TValue extends CellData = CellData>(): Cell<\n    TFeatures,\n    any,\n    TValue\n  > &\n    TCellComponents & { FlexRender: Component } {\n    const cell = inject(CellContext)\n\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    // `<table.AppCell>` Object.assign-es `cellComponents` and `FlexRender` onto\n    // the same cell instance it provides, so this asserts the runtime shape.\n    return cell as unknown as Cell<TFeatures, any, TValue> &\n      TCellComponents & { FlexRender: Component }\n  }\n\n  function useHeaderContext<TValue extends CellData = CellData>(): Header<\n    TFeatures,\n    any,\n    TValue\n  > &\n    THeaderComponents & { FlexRender: Component } {\n    const header = inject(HeaderContext)\n\n    if (!header) {\n      throw new Error(\n        '`useHeaderContext` must be used within an `AppHeader` or `AppFooter` component.',\n      )\n    }\n\n    // `<table.AppHeader>` / `<table.AppFooter>` Object.assign `headerComponents`\n    // and `FlexRender` onto the same header instance they provide.\n    return header as unknown as Header<TFeatures, any, TValue> &\n      THeaderComponents & { FlexRender: Component }\n  }\n\n  const CellFlexRender = defineComponent({\n    name: 'AppCellFlexRender',\n    setup() {\n      const cell = useCellContext()\n      return () => h(AppFlexRender, { cell })\n    },\n  })\n\n  const HeaderFlexRender = defineComponent({\n    name: 'AppHeaderFlexRender',\n    setup() {\n      const header = useHeaderContext()\n      return () => h(AppFlexRender, { header })\n    },\n  })\n\n  const FooterFlexRender = defineComponent({\n    name: 'AppFooterFlexRender',\n    setup() {\n      const header = useHeaderContext()\n      return () => h(AppFlexRender, { footer: header })\n    },\n  })\n\n  function useAppTable<TData extends RowData>(\n    tableOptions: Omit<\n      TableOptionsWithReactiveData<TFeatures, TData>,\n      'features'\n    >,\n  ): AppVueTable<\n    TFeatures,\n    TData,\n    TableState<TFeatures>,\n    TTableComponents,\n    TCellComponents,\n    THeaderComponents\n  > {\n    const mergedOptions = mergeProxy(\n      defaultTableOptions,\n      tableOptions,\n    ) as TableOptionsWithReactiveData<TFeatures, TData>\n\n    const table = useTable<TFeatures, TData>(mergedOptions)\n\n    const AppTable = defineComponent({\n      name: 'AppTable',\n      setup(_, { slots }) {\n        provide(TableContext, table)\n        return () => {\n          return slots.default?.()\n        }\n      },\n    })\n\n    const AppCell = defineComponent({\n      name: 'AppCell',\n      props: {\n        cell: {\n          type: Object as PropType<object>,\n          required: true,\n        },\n      },\n      setup(props, { slots }) {\n        const cell = props.cell as Cell<TFeatures, TData, any>\n\n        provide(CellContext, cell)\n\n        const extendedCell = Object.assign(cell, {\n          FlexRender: CellFlexRender,\n          ...(cellComponents ?? {}),\n        }) as Cell<TFeatures, TData, any> &\n          TCellComponents & { FlexRender: Component }\n\n        return () => {\n          return slots.default?.({ cell: extendedCell })\n        }\n      },\n    })\n\n    const AppHeader = defineComponent({\n      name: 'AppHeader',\n      props: {\n        header: {\n          type: Object as PropType<object>,\n          required: true,\n        },\n      },\n      setup(props, { slots }) {\n        const header = props.header as Header<TFeatures, TData, any>\n\n        provide(HeaderContext, header)\n\n        const extendedHeader = Object.assign(header, {\n          FlexRender: HeaderFlexRender,\n          ...(headerComponents ?? {}),\n        }) as Header<TFeatures, TData, any> &\n          THeaderComponents & { FlexRender: Component }\n\n        return () => {\n          return slots.default?.({ header: extendedHeader })\n        }\n      },\n    })\n\n    const AppFooter = defineComponent({\n      name: 'AppFooter',\n      props: {\n        header: {\n          type: Object as PropType<object>,\n          required: true,\n        },\n      },\n      setup(props, { slots }) {\n        const header = props.header as Header<TFeatures, TData, any>\n\n        provide(HeaderContext, header)\n\n        const extendedHeader = Object.assign(header, {\n          FlexRender: FooterFlexRender,\n          ...(headerComponents ?? {}),\n        }) as Header<TFeatures, TData, any> &\n          THeaderComponents & { FlexRender: Component }\n\n        return () => {\n          return slots.default?.({ header: extendedHeader })\n        }\n      },\n    })\n\n    return Object.assign(table, {\n      AppTable,\n      AppCell,\n      AppHeader,\n      AppFooter,\n      FlexRender: AppFlexRender,\n      ...(tableComponents ?? {}),\n    }) as AppVueTable<\n      TFeatures,\n      TData,\n      TableState<TFeatures>,\n      TTableComponents,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  return {\n    // `TableOptionsWithReactiveData` widens `features` to allow a reactive ref,\n    // so this narrows it back to the resolved `TFeatures` for `appFeatures`.\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","mergeProxy"],"sources":["../src/createTableHook.ts"],"sourcesContent":["import { createColumnHelper as coreCreateColumnHelper } from '@tanstack/table-core'\nimport { defineComponent, h, inject, provide } from 'vue'\nimport { FlexRender } from './FlexRender'\nimport { mergeProxy } from './merge-proxy'\nimport { useTable } from './useTable'\nimport type { TableOptionsWithReactiveData, VueTable } from './useTable'\nimport type { FlexRenderCell, FlexRenderHeader } from './FlexRender'\nimport type { Component, InjectionKey, PropType, VNodeChild } from 'vue'\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  TableState,\n} from '@tanstack/table-core'\n\nexport type ComponentType<T extends Record<string, any>> = Component<T>\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: Component }\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\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: Component }\n  table: Table<TFeatures, TData>\n}\n\nexport type AppColumnDefTemplate<TProps extends object> =\n  | string\n  | ((props: TProps) => any)\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\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\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\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  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  columns: <TColumns extends ReadonlyArray<ColumnDef<TFeatures, TData, any>>>(\n    columns: [...TColumns],\n  ) => Array<ColumnDef<TFeatures, TData, any>> & [...TColumns]\n  display: (\n    column: AppDisplayColumnDef<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >,\n  ) => DisplayColumnDef<TFeatures, TData, unknown>\n  group: (\n    column: AppGroupColumnDef<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >,\n  ) => GroupColumnDef<TFeatures, TData, unknown>\n}\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  TableOptionsWithReactiveData<TFeatures, any>,\n  'columns' | 'data' | 'store' | 'state' | 'initialState'\n> & {\n  tableComponents?: TTableComponents\n  cellComponents?: TCellComponents\n  headerComponents?: THeaderComponents\n}\n\nexport interface AppTableProps {}\n\nexport interface AppCellProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n> {\n  cell: Cell<TFeatures, TData, TValue>\n}\n\nexport interface AppHeaderProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n> {\n  header: Header<TFeatures, TData, TValue>\n}\n\nexport type AppVueTable<\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> = VueTable<TFeatures, TData> &\n  NoInfer<TTableComponents> & {\n    AppTable: Component<AppTableProps>\n    AppCell: Component<AppCellProps<TFeatures, TData>>\n    AppHeader: Component<AppHeaderProps<TFeatures, TData>>\n    AppFooter: Component<AppHeaderProps<TFeatures, TData>>\n    FlexRender: typeof AppFlexRender\n  }\n\nexport interface CreateTableHookResult<\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> {\n  /** The features object that was passed to `createTableHook`. */\n  appFeatures: TFeatures\n  /**\n   * A column helper pre-bound to `TFeatures` and the registered components, so\n   * the cell/header/footer render props expose the bound components.\n   */\n  createAppColumnHelper: <TData extends RowData>() => AppColumnHelper<\n    TFeatures,\n    TData,\n    TCellComponents,\n    THeaderComponents\n  >\n  /**\n   * Creates a table with the `App*` wrapper components and registered\n   * `tableComponents` attached. `TData` is inferred from the `data` option.\n   */\n  useAppTable: <TData extends RowData>(\n    tableOptions: Omit<\n      TableOptionsWithReactiveData<TFeatures, TData>,\n      'features'\n    >,\n  ) => AppVueTable<\n    TFeatures,\n    TData,\n    TableState<TFeatures>,\n    TTableComponents,\n    TCellComponents,\n    THeaderComponents\n  >\n  /**\n   * Reads the table provided by the nearest `<table.AppTable>`. This is the same\n   * extended instance `useAppTable` returns, so the `App*` components and your\n   * `tableComponents` are available on it.\n   */\n  useTableContext: <TData extends RowData = RowData>() => AppVueTable<\n    TFeatures,\n    TData,\n    TableState<TFeatures>,\n    TTableComponents,\n    TCellComponents,\n    THeaderComponents\n  >\n  /**\n   * Reads the cell provided by the nearest `<table.AppCell>`, extended with your\n   * `cellComponents` and a context-bound `FlexRender`.\n   */\n  useCellContext: <TValue extends CellData = CellData>() => Cell<\n    TFeatures,\n    any,\n    TValue\n  > &\n    TCellComponents & { FlexRender: Component }\n  /**\n   * Reads the header provided by the nearest `<table.AppHeader>` /\n   * `<table.AppFooter>`, extended with your `headerComponents` and a\n   * context-bound `FlexRender`.\n   */\n  useHeaderContext: <TValue extends CellData = CellData>() => Header<\n    TFeatures,\n    any,\n    TValue\n  > &\n    THeaderComponents & { FlexRender: Component }\n}\n\nexport const AppFlexRender = defineComponent({\n  name: 'TableFlexRender',\n  props: {\n    cell: {\n      type: Object as PropType<FlexRenderCell>,\n      default: undefined,\n    },\n    header: {\n      type: Object as PropType<FlexRenderHeader>,\n      default: undefined,\n    },\n    footer: {\n      type: Object as PropType<FlexRenderHeader>,\n      default: undefined,\n    },\n  },\n  setup(props) {\n    return () => {\n      if (props.cell) {\n        return h(FlexRender, {\n          render: props.cell.column.columnDef.cell,\n          props: props.cell.getContext(),\n        })\n      }\n\n      if (props.header) {\n        return h(FlexRender, {\n          render: props.header.column.columnDef.header,\n          props: props.header.getContext(),\n        })\n      }\n\n      if (props.footer) {\n        return h(FlexRender, {\n          render: props.footer.column.columnDef.footer,\n          props: props.footer.getContext(),\n        })\n      }\n\n      return null\n    }\n  },\n})\n\n/**\n * Creates app-scoped Vue table helpers with features, row models, and\n * renderable component maps pre-bound.\n *\n * Use this when an app or design system wants typed `useAppTable`, a pre-bound\n * column helper, and context helpers for table, cell, and header components.\n *\n * @example\n * ```ts\n * const { useAppTable, createAppColumnHelper } = createTableHook({\n *   features,\n *   tableComponents: {},\n *   cellComponents: {},\n *   headerComponents: {},\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>): CreateTableHookResult<\n  TFeatures,\n  TTableComponents,\n  TCellComponents,\n  THeaderComponents\n> {\n  const TableContext = Symbol('TableContext') as InjectionKey<\n    VueTable<TFeatures, any>\n  >\n  const CellContext = Symbol('CellContext') as InjectionKey<\n    Cell<TFeatures, any, any>\n  >\n  const HeaderContext = Symbol('HeaderContext') as InjectionKey<\n    Header<TFeatures, any, any>\n  >\n\n  function createAppColumnHelper<TData extends RowData>(): AppColumnHelper<\n    TFeatures,\n    TData,\n    TCellComponents,\n    THeaderComponents\n  > {\n    return coreCreateColumnHelper<TFeatures, TData>() as AppColumnHelper<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  function useTableContext<TData extends RowData = RowData>(): AppVueTable<\n    TFeatures,\n    TData,\n    TableState<TFeatures>,\n    TTableComponents,\n    TCellComponents,\n    THeaderComponents\n  > {\n    const table = inject(TableContext)\n\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    // The value provided by `<table.AppTable>` is the extended table (the App*\n    // wrapper components and `tableComponents` are Object.assign-ed onto the same\n    // instance `useAppTable` returns), so this asserts the runtime shape.\n    return table as unknown as AppVueTable<\n      TFeatures,\n      TData,\n      TableState<TFeatures>,\n      TTableComponents,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  function useCellContext<TValue extends CellData = CellData>(): Cell<\n    TFeatures,\n    any,\n    TValue\n  > &\n    TCellComponents & { FlexRender: Component } {\n    const cell = inject(CellContext)\n\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    // `<table.AppCell>` Object.assign-es `cellComponents` and `FlexRender` onto\n    // the same cell instance it provides, so this asserts the runtime shape.\n    return cell as unknown as Cell<TFeatures, any, TValue> &\n      TCellComponents & { FlexRender: Component }\n  }\n\n  function useHeaderContext<TValue extends CellData = CellData>(): Header<\n    TFeatures,\n    any,\n    TValue\n  > &\n    THeaderComponents & { FlexRender: Component } {\n    const header = inject(HeaderContext)\n\n    if (!header) {\n      throw new Error(\n        '`useHeaderContext` must be used within an `AppHeader` or `AppFooter` component.',\n      )\n    }\n\n    // `<table.AppHeader>` / `<table.AppFooter>` Object.assign `headerComponents`\n    // and `FlexRender` onto the same header instance they provide.\n    return header as unknown as Header<TFeatures, any, TValue> &\n      THeaderComponents & { FlexRender: Component }\n  }\n\n  const CellFlexRender = defineComponent({\n    name: 'AppCellFlexRender',\n    setup() {\n      const cell = useCellContext()\n      return () => h(AppFlexRender, { cell })\n    },\n  })\n\n  const HeaderFlexRender = defineComponent({\n    name: 'AppHeaderFlexRender',\n    setup() {\n      const header = useHeaderContext()\n      return () => h(AppFlexRender, { header })\n    },\n  })\n\n  const FooterFlexRender = defineComponent({\n    name: 'AppFooterFlexRender',\n    setup() {\n      const header = useHeaderContext()\n      return () => h(AppFlexRender, { footer: header })\n    },\n  })\n\n  function useAppTable<TData extends RowData>(\n    tableOptions: Omit<\n      TableOptionsWithReactiveData<TFeatures, TData>,\n      'features'\n    >,\n  ): AppVueTable<\n    TFeatures,\n    TData,\n    TableState<TFeatures>,\n    TTableComponents,\n    TCellComponents,\n    THeaderComponents\n  > {\n    const mergedOptions = mergeProxy(\n      defaultTableOptions,\n      tableOptions,\n    ) as TableOptionsWithReactiveData<TFeatures, TData>\n\n    const table = useTable<TFeatures, TData>(mergedOptions)\n\n    const AppTable = defineComponent({\n      name: 'AppTable',\n      setup(_, { slots }) {\n        provide(TableContext, table)\n        return () => {\n          return slots.default?.()\n        }\n      },\n    })\n\n    const AppCell = defineComponent({\n      name: 'AppCell',\n      props: {\n        cell: {\n          type: Object as PropType<object>,\n          required: true,\n        },\n      },\n      setup(props, { slots }) {\n        const cell = props.cell as Cell<TFeatures, TData, any>\n\n        provide(CellContext, cell)\n\n        const extendedCell = Object.assign(cell, {\n          FlexRender: CellFlexRender,\n          ...(cellComponents ?? {}),\n        }) as Cell<TFeatures, TData, any> &\n          TCellComponents & { FlexRender: Component }\n\n        return () => {\n          return slots.default?.({ cell: extendedCell })\n        }\n      },\n    })\n\n    const AppHeader = defineComponent({\n      name: 'AppHeader',\n      props: {\n        header: {\n          type: Object as PropType<object>,\n          required: true,\n        },\n      },\n      setup(props, { slots }) {\n        const header = props.header as Header<TFeatures, TData, any>\n\n        provide(HeaderContext, header)\n\n        const extendedHeader = Object.assign(header, {\n          FlexRender: HeaderFlexRender,\n          ...(headerComponents ?? {}),\n        }) as Header<TFeatures, TData, any> &\n          THeaderComponents & { FlexRender: Component }\n\n        return () => {\n          return slots.default?.({ header: extendedHeader })\n        }\n      },\n    })\n\n    const AppFooter = defineComponent({\n      name: 'AppFooter',\n      props: {\n        header: {\n          type: Object as PropType<object>,\n          required: true,\n        },\n      },\n      setup(props, { slots }) {\n        const header = props.header as Header<TFeatures, TData, any>\n\n        provide(HeaderContext, header)\n\n        const extendedHeader = Object.assign(header, {\n          FlexRender: FooterFlexRender,\n          ...(headerComponents ?? {}),\n        }) as Header<TFeatures, TData, any> &\n          THeaderComponents & { FlexRender: Component }\n\n        return () => {\n          return slots.default?.({ header: extendedHeader })\n        }\n      },\n    })\n\n    return Object.assign(table, {\n      AppTable,\n      AppCell,\n      AppHeader,\n      AppFooter,\n      FlexRender: AppFlexRender,\n      ...(tableComponents ?? {}),\n    }) as AppVueTable<\n      TFeatures,\n      TData,\n      TableState<TFeatures>,\n      TTableComponents,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  return {\n    // `TableOptionsWithReactiveData` widens `features` to allow a reactive ref,\n    // so this narrows it back to the resolved `TFeatures` for `appFeatures`.\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.js

@@ -106,8 +106,7 @@ function createTableHook({ tableComponents, cellComponents, headerComponents, ..
 			setup(_, { slots }) {
 				provide(TableContext, table);
 				return () => {
-					var _slots$default;
-					return (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots);
+					return slots.default?.();
 				};
 			}
 		});
@@ -125,8 +124,7 @@ function createTableHook({ tableComponents, cellComponents, headerComponents, ..
 					...cellComponents ?? {}
 				});
 				return () => {
-					var _slots$default2;
-					return (_slots$default2 = slots.default) === null || _slots$default2 === void 0 ? void 0 : _slots$default2.call(slots, { cell: extendedCell });
+					return slots.default?.({ cell: extendedCell });
 				};
 			}
 		});
@@ -144,8 +142,7 @@ function createTableHook({ tableComponents, cellComponents, headerComponents, ..
 					...headerComponents ?? {}
 				});
 				return () => {
-					var _slots$default3;
-					return (_slots$default3 = slots.default) === null || _slots$default3 === void 0 ? void 0 : _slots$default3.call(slots, { header: extendedHeader });
+					return slots.default?.({ header: extendedHeader });
 				};
 			}
 		});
@@ -163,8 +160,7 @@ function createTableHook({ tableComponents, cellComponents, headerComponents, ..
 					...headerComponents ?? {}
 				});
 				return () => {
-					var _slots$default4;
-					return (_slots$default4 = slots.default) === null || _slots$default4 === void 0 ? void 0 : _slots$default4.call(slots, { header: extendedHeader });
+					return slots.default?.({ header: extendedHeader });
 				};
 			}
 		});

package/dist/createTableHook.js.map

@@ -1 +1 @@
-{"version":3,"file":"createTableHook.js","names":["coreCreateColumnHelper"],"sources":["../src/createTableHook.ts"],"sourcesContent":["import { createColumnHelper as coreCreateColumnHelper } from '@tanstack/table-core'\nimport { defineComponent, h, inject, provide } from 'vue'\nimport { FlexRender } from './FlexRender'\nimport { mergeProxy } from './merge-proxy'\nimport { useTable } from './useTable'\nimport type { TableOptionsWithReactiveData, VueTable } from './useTable'\nimport type { FlexRenderCell, FlexRenderHeader } from './FlexRender'\nimport type { Component, InjectionKey, PropType, VNodeChild } from 'vue'\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  TableState,\n} from '@tanstack/table-core'\n\nexport type ComponentType<T extends Record<string, any>> = Component<T>\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: Component }\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\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: Component }\n  table: Table<TFeatures, TData>\n}\n\nexport type AppColumnDefTemplate<TProps extends object> =\n  | string\n  | ((props: TProps) => any)\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\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\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\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  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  columns: <TColumns extends ReadonlyArray<ColumnDef<TFeatures, TData, any>>>(\n    columns: [...TColumns],\n  ) => Array<ColumnDef<TFeatures, TData, any>> & [...TColumns]\n  display: (\n    column: AppDisplayColumnDef<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >,\n  ) => DisplayColumnDef<TFeatures, TData, unknown>\n  group: (\n    column: AppGroupColumnDef<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >,\n  ) => GroupColumnDef<TFeatures, TData, unknown>\n}\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  TableOptionsWithReactiveData<TFeatures, any>,\n  'columns' | 'data' | 'store' | 'state' | 'initialState'\n> & {\n  tableComponents?: TTableComponents\n  cellComponents?: TCellComponents\n  headerComponents?: THeaderComponents\n}\n\nexport interface AppTableProps {}\n\nexport interface AppCellProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n> {\n  cell: Cell<TFeatures, TData, TValue>\n}\n\nexport interface AppHeaderProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n> {\n  header: Header<TFeatures, TData, TValue>\n}\n\nexport type AppVueTable<\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> = VueTable<TFeatures, TData> &\n  NoInfer<TTableComponents> & {\n    AppTable: Component<AppTableProps>\n    AppCell: Component<AppCellProps<TFeatures, TData>>\n    AppHeader: Component<AppHeaderProps<TFeatures, TData>>\n    AppFooter: Component<AppHeaderProps<TFeatures, TData>>\n    FlexRender: typeof AppFlexRender\n  }\n\nexport interface CreateTableHookResult<\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> {\n  /** The features object that was passed to `createTableHook`. */\n  appFeatures: TFeatures\n  /**\n   * A column helper pre-bound to `TFeatures` and the registered components, so\n   * the cell/header/footer render props expose the bound components.\n   */\n  createAppColumnHelper: <TData extends RowData>() => AppColumnHelper<\n    TFeatures,\n    TData,\n    TCellComponents,\n    THeaderComponents\n  >\n  /**\n   * Creates a table with the `App*` wrapper components and registered\n   * `tableComponents` attached. `TData` is inferred from the `data` option.\n   */\n  useAppTable: <TData extends RowData>(\n    tableOptions: Omit<\n      TableOptionsWithReactiveData<TFeatures, TData>,\n      'features'\n    >,\n  ) => AppVueTable<\n    TFeatures,\n    TData,\n    TableState<TFeatures>,\n    TTableComponents,\n    TCellComponents,\n    THeaderComponents\n  >\n  /**\n   * Reads the table provided by the nearest `<table.AppTable>`. This is the same\n   * extended instance `useAppTable` returns, so the `App*` components and your\n   * `tableComponents` are available on it.\n   */\n  useTableContext: <TData extends RowData = RowData>() => AppVueTable<\n    TFeatures,\n    TData,\n    TableState<TFeatures>,\n    TTableComponents,\n    TCellComponents,\n    THeaderComponents\n  >\n  /**\n   * Reads the cell provided by the nearest `<table.AppCell>`, extended with your\n   * `cellComponents` and a context-bound `FlexRender`.\n   */\n  useCellContext: <TValue extends CellData = CellData>() => Cell<\n    TFeatures,\n    any,\n    TValue\n  > &\n    TCellComponents & { FlexRender: Component }\n  /**\n   * Reads the header provided by the nearest `<table.AppHeader>` /\n   * `<table.AppFooter>`, extended with your `headerComponents` and a\n   * context-bound `FlexRender`.\n   */\n  useHeaderContext: <TValue extends CellData = CellData>() => Header<\n    TFeatures,\n    any,\n    TValue\n  > &\n    THeaderComponents & { FlexRender: Component }\n}\n\nexport const AppFlexRender = defineComponent({\n  name: 'TableFlexRender',\n  props: {\n    cell: {\n      type: Object as PropType<FlexRenderCell>,\n      default: undefined,\n    },\n    header: {\n      type: Object as PropType<FlexRenderHeader>,\n      default: undefined,\n    },\n    footer: {\n      type: Object as PropType<FlexRenderHeader>,\n      default: undefined,\n    },\n  },\n  setup(props) {\n    return () => {\n      if (props.cell) {\n        return h(FlexRender, {\n          render: props.cell.column.columnDef.cell,\n          props: props.cell.getContext(),\n        })\n      }\n\n      if (props.header) {\n        return h(FlexRender, {\n          render: props.header.column.columnDef.header,\n          props: props.header.getContext(),\n        })\n      }\n\n      if (props.footer) {\n        return h(FlexRender, {\n          render: props.footer.column.columnDef.footer,\n          props: props.footer.getContext(),\n        })\n      }\n\n      return null\n    }\n  },\n})\n\n/**\n * Creates app-scoped Vue table helpers with features, row models, and\n * renderable component maps pre-bound.\n *\n * Use this when an app or design system wants typed `useAppTable`, a pre-bound\n * column helper, and context helpers for table, cell, and header components.\n *\n * @example\n * ```ts\n * const { useAppTable, createAppColumnHelper } = createTableHook({\n *   features,\n *   tableComponents: {},\n *   cellComponents: {},\n *   headerComponents: {},\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>): CreateTableHookResult<\n  TFeatures,\n  TTableComponents,\n  TCellComponents,\n  THeaderComponents\n> {\n  const TableContext = Symbol('TableContext') as InjectionKey<\n    VueTable<TFeatures, any>\n  >\n  const CellContext = Symbol('CellContext') as InjectionKey<\n    Cell<TFeatures, any, any>\n  >\n  const HeaderContext = Symbol('HeaderContext') as InjectionKey<\n    Header<TFeatures, any, any>\n  >\n\n  function createAppColumnHelper<TData extends RowData>(): AppColumnHelper<\n    TFeatures,\n    TData,\n    TCellComponents,\n    THeaderComponents\n  > {\n    return coreCreateColumnHelper<TFeatures, TData>() as AppColumnHelper<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  function useTableContext<TData extends RowData = RowData>(): AppVueTable<\n    TFeatures,\n    TData,\n    TableState<TFeatures>,\n    TTableComponents,\n    TCellComponents,\n    THeaderComponents\n  > {\n    const table = inject(TableContext)\n\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    // The value provided by `<table.AppTable>` is the extended table (the App*\n    // wrapper components and `tableComponents` are Object.assign-ed onto the same\n    // instance `useAppTable` returns), so this asserts the runtime shape.\n    return table as unknown as AppVueTable<\n      TFeatures,\n      TData,\n      TableState<TFeatures>,\n      TTableComponents,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  function useCellContext<TValue extends CellData = CellData>(): Cell<\n    TFeatures,\n    any,\n    TValue\n  > &\n    TCellComponents & { FlexRender: Component } {\n    const cell = inject(CellContext)\n\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    // `<table.AppCell>` Object.assign-es `cellComponents` and `FlexRender` onto\n    // the same cell instance it provides, so this asserts the runtime shape.\n    return cell as unknown as Cell<TFeatures, any, TValue> &\n      TCellComponents & { FlexRender: Component }\n  }\n\n  function useHeaderContext<TValue extends CellData = CellData>(): Header<\n    TFeatures,\n    any,\n    TValue\n  > &\n    THeaderComponents & { FlexRender: Component } {\n    const header = inject(HeaderContext)\n\n    if (!header) {\n      throw new Error(\n        '`useHeaderContext` must be used within an `AppHeader` or `AppFooter` component.',\n      )\n    }\n\n    // `<table.AppHeader>` / `<table.AppFooter>` Object.assign `headerComponents`\n    // and `FlexRender` onto the same header instance they provide.\n    return header as unknown as Header<TFeatures, any, TValue> &\n      THeaderComponents & { FlexRender: Component }\n  }\n\n  const CellFlexRender = defineComponent({\n    name: 'AppCellFlexRender',\n    setup() {\n      const cell = useCellContext()\n      return () => h(AppFlexRender, { cell })\n    },\n  })\n\n  const HeaderFlexRender = defineComponent({\n    name: 'AppHeaderFlexRender',\n    setup() {\n      const header = useHeaderContext()\n      return () => h(AppFlexRender, { header })\n    },\n  })\n\n  const FooterFlexRender = defineComponent({\n    name: 'AppFooterFlexRender',\n    setup() {\n      const header = useHeaderContext()\n      return () => h(AppFlexRender, { footer: header })\n    },\n  })\n\n  function useAppTable<TData extends RowData>(\n    tableOptions: Omit<\n      TableOptionsWithReactiveData<TFeatures, TData>,\n      'features'\n    >,\n  ): AppVueTable<\n    TFeatures,\n    TData,\n    TableState<TFeatures>,\n    TTableComponents,\n    TCellComponents,\n    THeaderComponents\n  > {\n    const mergedOptions = mergeProxy(\n      defaultTableOptions,\n      tableOptions,\n    ) as TableOptionsWithReactiveData<TFeatures, TData>\n\n    const table = useTable<TFeatures, TData>(mergedOptions)\n\n    const AppTable = defineComponent({\n      name: 'AppTable',\n      setup(_, { slots }) {\n        provide(TableContext, table)\n        return () => {\n          return slots.default?.()\n        }\n      },\n    })\n\n    const AppCell = defineComponent({\n      name: 'AppCell',\n      props: {\n        cell: {\n          type: Object as PropType<object>,\n          required: true,\n        },\n      },\n      setup(props, { slots }) {\n        const cell = props.cell as Cell<TFeatures, TData, any>\n\n        provide(CellContext, cell)\n\n        const extendedCell = Object.assign(cell, {\n          FlexRender: CellFlexRender,\n          ...(cellComponents ?? {}),\n        }) as Cell<TFeatures, TData, any> &\n          TCellComponents & { FlexRender: Component }\n\n        return () => {\n          return slots.default?.({ cell: extendedCell })\n        }\n      },\n    })\n\n    const AppHeader = defineComponent({\n      name: 'AppHeader',\n      props: {\n        header: {\n          type: Object as PropType<object>,\n          required: true,\n        },\n      },\n      setup(props, { slots }) {\n        const header = props.header as Header<TFeatures, TData, any>\n\n        provide(HeaderContext, header)\n\n        const extendedHeader = Object.assign(header, {\n          FlexRender: HeaderFlexRender,\n          ...(headerComponents ?? {}),\n        }) as Header<TFeatures, TData, any> &\n          THeaderComponents & { FlexRender: Component }\n\n        return () => {\n          return slots.default?.({ header: extendedHeader })\n        }\n      },\n    })\n\n    const AppFooter = defineComponent({\n      name: 'AppFooter',\n      props: {\n        header: {\n          type: Object as PropType<object>,\n          required: true,\n        },\n      },\n      setup(props, { slots }) {\n        const header = props.header as Header<TFeatures, TData, any>\n\n        provide(HeaderContext, header)\n\n        const extendedHeader = Object.assign(header, {\n          FlexRender: FooterFlexRender,\n          ...(headerComponents ?? {}),\n        }) as Header<TFeatures, TData, any> &\n          THeaderComponents & { FlexRender: Component }\n\n        return () => {\n          return slots.default?.({ header: extendedHeader })\n        }\n      },\n    })\n\n    return Object.assign(table, {\n      AppTable,\n      AppCell,\n      AppHeader,\n      AppFooter,\n      FlexRender: AppFlexRender,\n      ...(tableComponents ?? {}),\n    }) as AppVueTable<\n      TFeatures,\n      TData,\n      TableState<TFeatures>,\n      TTableComponents,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  return {\n    // `TableOptionsWithReactiveData` widens `features` to allow a reactive ref,\n    // so this narrows it back to the resolved `TFeatures` for `appFeatures`.\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.ts"],"sourcesContent":["import { createColumnHelper as coreCreateColumnHelper } from '@tanstack/table-core'\nimport { defineComponent, h, inject, provide } from 'vue'\nimport { FlexRender } from './FlexRender'\nimport { mergeProxy } from './merge-proxy'\nimport { useTable } from './useTable'\nimport type { TableOptionsWithReactiveData, VueTable } from './useTable'\nimport type { FlexRenderCell, FlexRenderHeader } from './FlexRender'\nimport type { Component, InjectionKey, PropType, VNodeChild } from 'vue'\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  TableState,\n} from '@tanstack/table-core'\n\nexport type ComponentType<T extends Record<string, any>> = Component<T>\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: Component }\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\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: Component }\n  table: Table<TFeatures, TData>\n}\n\nexport type AppColumnDefTemplate<TProps extends object> =\n  | string\n  | ((props: TProps) => any)\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\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\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\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  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  columns: <TColumns extends ReadonlyArray<ColumnDef<TFeatures, TData, any>>>(\n    columns: [...TColumns],\n  ) => Array<ColumnDef<TFeatures, TData, any>> & [...TColumns]\n  display: (\n    column: AppDisplayColumnDef<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >,\n  ) => DisplayColumnDef<TFeatures, TData, unknown>\n  group: (\n    column: AppGroupColumnDef<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >,\n  ) => GroupColumnDef<TFeatures, TData, unknown>\n}\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  TableOptionsWithReactiveData<TFeatures, any>,\n  'columns' | 'data' | 'store' | 'state' | 'initialState'\n> & {\n  tableComponents?: TTableComponents\n  cellComponents?: TCellComponents\n  headerComponents?: THeaderComponents\n}\n\nexport interface AppTableProps {}\n\nexport interface AppCellProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n> {\n  cell: Cell<TFeatures, TData, TValue>\n}\n\nexport interface AppHeaderProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n> {\n  header: Header<TFeatures, TData, TValue>\n}\n\nexport type AppVueTable<\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> = VueTable<TFeatures, TData> &\n  NoInfer<TTableComponents> & {\n    AppTable: Component<AppTableProps>\n    AppCell: Component<AppCellProps<TFeatures, TData>>\n    AppHeader: Component<AppHeaderProps<TFeatures, TData>>\n    AppFooter: Component<AppHeaderProps<TFeatures, TData>>\n    FlexRender: typeof AppFlexRender\n  }\n\nexport interface CreateTableHookResult<\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> {\n  /** The features object that was passed to `createTableHook`. */\n  appFeatures: TFeatures\n  /**\n   * A column helper pre-bound to `TFeatures` and the registered components, so\n   * the cell/header/footer render props expose the bound components.\n   */\n  createAppColumnHelper: <TData extends RowData>() => AppColumnHelper<\n    TFeatures,\n    TData,\n    TCellComponents,\n    THeaderComponents\n  >\n  /**\n   * Creates a table with the `App*` wrapper components and registered\n   * `tableComponents` attached. `TData` is inferred from the `data` option.\n   */\n  useAppTable: <TData extends RowData>(\n    tableOptions: Omit<\n      TableOptionsWithReactiveData<TFeatures, TData>,\n      'features'\n    >,\n  ) => AppVueTable<\n    TFeatures,\n    TData,\n    TableState<TFeatures>,\n    TTableComponents,\n    TCellComponents,\n    THeaderComponents\n  >\n  /**\n   * Reads the table provided by the nearest `<table.AppTable>`. This is the same\n   * extended instance `useAppTable` returns, so the `App*` components and your\n   * `tableComponents` are available on it.\n   */\n  useTableContext: <TData extends RowData = RowData>() => AppVueTable<\n    TFeatures,\n    TData,\n    TableState<TFeatures>,\n    TTableComponents,\n    TCellComponents,\n    THeaderComponents\n  >\n  /**\n   * Reads the cell provided by the nearest `<table.AppCell>`, extended with your\n   * `cellComponents` and a context-bound `FlexRender`.\n   */\n  useCellContext: <TValue extends CellData = CellData>() => Cell<\n    TFeatures,\n    any,\n    TValue\n  > &\n    TCellComponents & { FlexRender: Component }\n  /**\n   * Reads the header provided by the nearest `<table.AppHeader>` /\n   * `<table.AppFooter>`, extended with your `headerComponents` and a\n   * context-bound `FlexRender`.\n   */\n  useHeaderContext: <TValue extends CellData = CellData>() => Header<\n    TFeatures,\n    any,\n    TValue\n  > &\n    THeaderComponents & { FlexRender: Component }\n}\n\nexport const AppFlexRender = defineComponent({\n  name: 'TableFlexRender',\n  props: {\n    cell: {\n      type: Object as PropType<FlexRenderCell>,\n      default: undefined,\n    },\n    header: {\n      type: Object as PropType<FlexRenderHeader>,\n      default: undefined,\n    },\n    footer: {\n      type: Object as PropType<FlexRenderHeader>,\n      default: undefined,\n    },\n  },\n  setup(props) {\n    return () => {\n      if (props.cell) {\n        return h(FlexRender, {\n          render: props.cell.column.columnDef.cell,\n          props: props.cell.getContext(),\n        })\n      }\n\n      if (props.header) {\n        return h(FlexRender, {\n          render: props.header.column.columnDef.header,\n          props: props.header.getContext(),\n        })\n      }\n\n      if (props.footer) {\n        return h(FlexRender, {\n          render: props.footer.column.columnDef.footer,\n          props: props.footer.getContext(),\n        })\n      }\n\n      return null\n    }\n  },\n})\n\n/**\n * Creates app-scoped Vue table helpers with features, row models, and\n * renderable component maps pre-bound.\n *\n * Use this when an app or design system wants typed `useAppTable`, a pre-bound\n * column helper, and context helpers for table, cell, and header components.\n *\n * @example\n * ```ts\n * const { useAppTable, createAppColumnHelper } = createTableHook({\n *   features,\n *   tableComponents: {},\n *   cellComponents: {},\n *   headerComponents: {},\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>): CreateTableHookResult<\n  TFeatures,\n  TTableComponents,\n  TCellComponents,\n  THeaderComponents\n> {\n  const TableContext = Symbol('TableContext') as InjectionKey<\n    VueTable<TFeatures, any>\n  >\n  const CellContext = Symbol('CellContext') as InjectionKey<\n    Cell<TFeatures, any, any>\n  >\n  const HeaderContext = Symbol('HeaderContext') as InjectionKey<\n    Header<TFeatures, any, any>\n  >\n\n  function createAppColumnHelper<TData extends RowData>(): AppColumnHelper<\n    TFeatures,\n    TData,\n    TCellComponents,\n    THeaderComponents\n  > {\n    return coreCreateColumnHelper<TFeatures, TData>() as AppColumnHelper<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  function useTableContext<TData extends RowData = RowData>(): AppVueTable<\n    TFeatures,\n    TData,\n    TableState<TFeatures>,\n    TTableComponents,\n    TCellComponents,\n    THeaderComponents\n  > {\n    const table = inject(TableContext)\n\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    // The value provided by `<table.AppTable>` is the extended table (the App*\n    // wrapper components and `tableComponents` are Object.assign-ed onto the same\n    // instance `useAppTable` returns), so this asserts the runtime shape.\n    return table as unknown as AppVueTable<\n      TFeatures,\n      TData,\n      TableState<TFeatures>,\n      TTableComponents,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  function useCellContext<TValue extends CellData = CellData>(): Cell<\n    TFeatures,\n    any,\n    TValue\n  > &\n    TCellComponents & { FlexRender: Component } {\n    const cell = inject(CellContext)\n\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    // `<table.AppCell>` Object.assign-es `cellComponents` and `FlexRender` onto\n    // the same cell instance it provides, so this asserts the runtime shape.\n    return cell as unknown as Cell<TFeatures, any, TValue> &\n      TCellComponents & { FlexRender: Component }\n  }\n\n  function useHeaderContext<TValue extends CellData = CellData>(): Header<\n    TFeatures,\n    any,\n    TValue\n  > &\n    THeaderComponents & { FlexRender: Component } {\n    const header = inject(HeaderContext)\n\n    if (!header) {\n      throw new Error(\n        '`useHeaderContext` must be used within an `AppHeader` or `AppFooter` component.',\n      )\n    }\n\n    // `<table.AppHeader>` / `<table.AppFooter>` Object.assign `headerComponents`\n    // and `FlexRender` onto the same header instance they provide.\n    return header as unknown as Header<TFeatures, any, TValue> &\n      THeaderComponents & { FlexRender: Component }\n  }\n\n  const CellFlexRender = defineComponent({\n    name: 'AppCellFlexRender',\n    setup() {\n      const cell = useCellContext()\n      return () => h(AppFlexRender, { cell })\n    },\n  })\n\n  const HeaderFlexRender = defineComponent({\n    name: 'AppHeaderFlexRender',\n    setup() {\n      const header = useHeaderContext()\n      return () => h(AppFlexRender, { header })\n    },\n  })\n\n  const FooterFlexRender = defineComponent({\n    name: 'AppFooterFlexRender',\n    setup() {\n      const header = useHeaderContext()\n      return () => h(AppFlexRender, { footer: header })\n    },\n  })\n\n  function useAppTable<TData extends RowData>(\n    tableOptions: Omit<\n      TableOptionsWithReactiveData<TFeatures, TData>,\n      'features'\n    >,\n  ): AppVueTable<\n    TFeatures,\n    TData,\n    TableState<TFeatures>,\n    TTableComponents,\n    TCellComponents,\n    THeaderComponents\n  > {\n    const mergedOptions = mergeProxy(\n      defaultTableOptions,\n      tableOptions,\n    ) as TableOptionsWithReactiveData<TFeatures, TData>\n\n    const table = useTable<TFeatures, TData>(mergedOptions)\n\n    const AppTable = defineComponent({\n      name: 'AppTable',\n      setup(_, { slots }) {\n        provide(TableContext, table)\n        return () => {\n          return slots.default?.()\n        }\n      },\n    })\n\n    const AppCell = defineComponent({\n      name: 'AppCell',\n      props: {\n        cell: {\n          type: Object as PropType<object>,\n          required: true,\n        },\n      },\n      setup(props, { slots }) {\n        const cell = props.cell as Cell<TFeatures, TData, any>\n\n        provide(CellContext, cell)\n\n        const extendedCell = Object.assign(cell, {\n          FlexRender: CellFlexRender,\n          ...(cellComponents ?? {}),\n        }) as Cell<TFeatures, TData, any> &\n          TCellComponents & { FlexRender: Component }\n\n        return () => {\n          return slots.default?.({ cell: extendedCell })\n        }\n      },\n    })\n\n    const AppHeader = defineComponent({\n      name: 'AppHeader',\n      props: {\n        header: {\n          type: Object as PropType<object>,\n          required: true,\n        },\n      },\n      setup(props, { slots }) {\n        const header = props.header as Header<TFeatures, TData, any>\n\n        provide(HeaderContext, header)\n\n        const extendedHeader = Object.assign(header, {\n          FlexRender: HeaderFlexRender,\n          ...(headerComponents ?? {}),\n        }) as Header<TFeatures, TData, any> &\n          THeaderComponents & { FlexRender: Component }\n\n        return () => {\n          return slots.default?.({ header: extendedHeader })\n        }\n      },\n    })\n\n    const AppFooter = defineComponent({\n      name: 'AppFooter',\n      props: {\n        header: {\n          type: Object as PropType<object>,\n          required: true,\n        },\n      },\n      setup(props, { slots }) {\n        const header = props.header as Header<TFeatures, TData, any>\n\n        provide(HeaderContext, header)\n\n        const extendedHeader = Object.assign(header, {\n          FlexRender: FooterFlexRender,\n          ...(headerComponents ?? {}),\n        }) as Header<TFeatures, TData, any> &\n          THeaderComponents & { FlexRender: Component }\n\n        return () => {\n          return slots.default?.({ header: extendedHeader })\n        }\n      },\n    })\n\n    return Object.assign(table, {\n      AppTable,\n      AppCell,\n      AppHeader,\n      AppFooter,\n      FlexRender: AppFlexRender,\n      ...(tableComponents ?? {}),\n    }) as AppVueTable<\n      TFeatures,\n      TData,\n      TableState<TFeatures>,\n      TTableComponents,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  return {\n    // `TableOptionsWithReactiveData` widens `features` to allow a reactive ref,\n    // so this narrows it back to the resolved `TFeatures` for `appFeatures`.\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/experimental-worker-plugin.cjs

@@ -0,0 +1,9 @@
+
+
+var _tanstack_table_core_experimental_worker_plugin = require("@tanstack/table-core/experimental-worker-plugin");
+Object.keys(_tanstack_table_core_experimental_worker_plugin).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return _tanstack_table_core_experimental_worker_plugin[k]; }
+  });
+});

package/dist/experimental-worker-plugin.d.cts

@@ -0,0 +1 @@
+export * from "@tanstack/table-core/experimental-worker-plugin";

package/dist/experimental-worker-plugin.d.ts

@@ -0,0 +1 @@
+export * from "@tanstack/table-core/experimental-worker-plugin";

package/dist/experimental-worker-plugin.js

@@ -0,0 +1,3 @@
+export * from "@tanstack/table-core/experimental-worker-plugin"
+
+export {  };

package/dist/reactivity.cjs

@@ -3,10 +3,7 @@ let _tanstack_store = require("@tanstack/store");
 
 //#region src/reactivity.ts
 function observerToCallback(observerOrNext) {
-	return typeof observerOrNext === "function" ? observerOrNext : (value) => {
-		var _observerOrNext$next;
-		return (_observerOrNext$next = observerOrNext.next) === null || _observerOrNext$next === void 0 ? void 0 : _observerOrNext$next.call(observerOrNext, value);
-	};
+	return typeof observerOrNext === "function" ? observerOrNext : (value) => observerOrNext.next?.(value);
 }
 function refToReadonlyAtom(source) {
 	return Object.assign(source, {

package/dist/reactivity.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"reactivity.cjs","names":[],"sources":["../src/reactivity.ts"],"sourcesContent":["import { computed, shallowRef, watch } from 'vue'\nimport { batch } from '@tanstack/store'\nimport type {\n  TableAtomOptions,\n  TableReactivityBindings,\n} from '@tanstack/table-core/reactivity'\nimport type {\n  Atom,\n  Observer,\n  ReadonlyAtom,\n  Subscription,\n} from '@tanstack/store'\nimport type { ComputedRef, ShallowRef } from 'vue'\n\nfunction observerToCallback<T>(\n  observerOrNext: Observer<T> | ((value: T) => void),\n): (value: T) => void {\n  return typeof observerOrNext === 'function'\n    ? observerOrNext\n    : (value) => observerOrNext.next?.(value)\n}\n\nfunction refToReadonlyAtom<T>(\n  source: ComputedRef<T> | ShallowRef<T>,\n): ReadonlyAtom<T> {\n  return Object.assign(source, {\n    get: () => source.value,\n    subscribe: ((observerOrNext: Observer<T> | ((value: T) => void)) => {\n      const stop = watch(source, observerToCallback(observerOrNext), {\n        flush: 'sync',\n      })\n      return { unsubscribe: stop }\n    }) as ReadonlyAtom<T>['subscribe'],\n  })\n}\n\nfunction refToWritableAtom<T>(source: ShallowRef<T>): Atom<T> {\n  return Object.assign(source, {\n    set: (updater: T | ((prevVal: T) => T)) => {\n      source.value =\n        typeof updater === 'function'\n          ? (updater as (prevVal: T) => T)(source.value)\n          : updater\n    },\n    get: () => source.value,\n    subscribe: ((observerOrNext: Observer<T> | ((value: T) => void)) => {\n      const stop = watch(source, observerToCallback(observerOrNext), {\n        flush: 'sync',\n      })\n      return { unsubscribe: stop }\n    }) as Atom<T>['subscribe'],\n  })\n}\n\n/**\n * Creates the table-core reactivity bindings used by the Vue adapter.\n *\n * Table state atoms are backed by TanStack Store atoms. The options store stays\n * framework-native because row-model APIs read `table.options` directly during\n * render. Readonly table atoms bridge Store dependency tracking into Vue computed\n * refs.\n */\nexport function vueReactivity(): TableReactivityBindings {\n  const subscriptions = new Set<Subscription>()\n\n  return {\n    createOptionsStore: true,\n    wrapExternalAtoms: true,\n    addSubscription: (subscription) => {\n      subscriptions.add(subscription)\n    },\n    unmount: () => {\n      subscriptions.forEach((s) => s.unsubscribe())\n      subscriptions.clear()\n    },\n    schedule: (fn) => queueMicrotask(() => fn()),\n    createReadonlyAtom: <T>(fn: () => T, _options?: TableAtomOptions<T>) => {\n      return refToReadonlyAtom(computed(() => fn()))\n    },\n    createWritableAtom: <T>(\n      value: T,\n      _options?: TableAtomOptions<T>,\n    ): Atom<T> => {\n      return refToWritableAtom(shallowRef(value) as ShallowRef<T>)\n    },\n    untrack: (fn) => fn(),\n    batch,\n  }\n}\n"],"mappings":";;;;AAcA,SAAS,mBACP,gBACoB;CACpB,OAAO,OAAO,mBAAmB,aAC7B,kBACC,UAAU;;gDAAe,uGAAO,KAAK;;AAC5C;AAEA,SAAS,kBACP,QACiB;CACjB,OAAO,OAAO,OAAO,QAAQ;EAC3B,WAAW,OAAO;EAClB,aAAa,mBAAuD;GAIlE,OAAO,EAAE,4BAHU,QAAQ,mBAAmB,cAAc,GAAG,EAC7D,OAAO,OACT,CACyB,EAAE;EAC7B;CACF,CAAC;AACH;AAEA,SAAS,kBAAqB,QAAgC;CAC5D,OAAO,OAAO,OAAO,QAAQ;EAC3B,MAAM,YAAqC;GACzC,OAAO,QACL,OAAO,YAAY,aACd,QAA8B,OAAO,KAAK,IAC3C;EACR;EACA,WAAW,OAAO;EAClB,aAAa,mBAAuD;GAIlE,OAAO,EAAE,4BAHU,QAAQ,mBAAmB,cAAc,GAAG,EAC7D,OAAO,OACT,CACyB,EAAE;EAC7B;CACF,CAAC;AACH;;;;;;;;;AAUA,SAAgB,gBAAyC;CACvD,MAAM,gCAAgB,IAAI,IAAkB;CAE5C,OAAO;EACL,oBAAoB;EACpB,mBAAmB;EACnB,kBAAkB,iBAAiB;GACjC,cAAc,IAAI,YAAY;EAChC;EACA,eAAe;GACb,cAAc,SAAS,MAAM,EAAE,YAAY,CAAC;GAC5C,cAAc,MAAM;EACtB;EACA,WAAW,OAAO,qBAAqB,GAAG,CAAC;EAC3C,qBAAwB,IAAa,aAAmC;GACtE,OAAO,0CAAiC,GAAG,CAAC,CAAC;EAC/C;EACA,qBACE,OACA,aACY;GACZ,OAAO,sCAA6B,KAAK,CAAkB;EAC7D;EACA,UAAU,OAAO,GAAG;EACpB;CACF;AACF"}
+{"version":3,"file":"reactivity.cjs","names":[],"sources":["../src/reactivity.ts"],"sourcesContent":["import { computed, shallowRef, watch } from 'vue'\nimport { batch } from '@tanstack/store'\nimport type {\n  TableAtomOptions,\n  TableReactivityBindings,\n} from '@tanstack/table-core/reactivity'\nimport type {\n  Atom,\n  Observer,\n  ReadonlyAtom,\n  Subscription,\n} from '@tanstack/store'\nimport type { ComputedRef, ShallowRef } from 'vue'\n\nfunction observerToCallback<T>(\n  observerOrNext: Observer<T> | ((value: T) => void),\n): (value: T) => void {\n  return typeof observerOrNext === 'function'\n    ? observerOrNext\n    : (value) => observerOrNext.next?.(value)\n}\n\nfunction refToReadonlyAtom<T>(\n  source: ComputedRef<T> | ShallowRef<T>,\n): ReadonlyAtom<T> {\n  return Object.assign(source, {\n    get: () => source.value,\n    subscribe: ((observerOrNext: Observer<T> | ((value: T) => void)) => {\n      const stop = watch(source, observerToCallback(observerOrNext), {\n        flush: 'sync',\n      })\n      return { unsubscribe: stop }\n    }) as ReadonlyAtom<T>['subscribe'],\n  })\n}\n\nfunction refToWritableAtom<T>(source: ShallowRef<T>): Atom<T> {\n  return Object.assign(source, {\n    set: (updater: T | ((prevVal: T) => T)) => {\n      source.value =\n        typeof updater === 'function'\n          ? (updater as (prevVal: T) => T)(source.value)\n          : updater\n    },\n    get: () => source.value,\n    subscribe: ((observerOrNext: Observer<T> | ((value: T) => void)) => {\n      const stop = watch(source, observerToCallback(observerOrNext), {\n        flush: 'sync',\n      })\n      return { unsubscribe: stop }\n    }) as Atom<T>['subscribe'],\n  })\n}\n\n/**\n * Creates the table-core reactivity bindings used by the Vue adapter.\n *\n * Table state atoms are backed by TanStack Store atoms. The options store stays\n * framework-native because row-model APIs read `table.options` directly during\n * render. Readonly table atoms bridge Store dependency tracking into Vue computed\n * refs.\n */\nexport function vueReactivity(): TableReactivityBindings {\n  const subscriptions = new Set<Subscription>()\n\n  return {\n    createOptionsStore: true,\n    wrapExternalAtoms: true,\n    addSubscription: (subscription) => {\n      subscriptions.add(subscription)\n    },\n    unmount: () => {\n      subscriptions.forEach((s) => s.unsubscribe())\n      subscriptions.clear()\n    },\n    schedule: (fn) => queueMicrotask(() => fn()),\n    createReadonlyAtom: <T>(fn: () => T, _options?: TableAtomOptions<T>) => {\n      return refToReadonlyAtom(computed(() => fn()))\n    },\n    createWritableAtom: <T>(\n      value: T,\n      _options?: TableAtomOptions<T>,\n    ): Atom<T> => {\n      return refToWritableAtom(shallowRef(value) as ShallowRef<T>)\n    },\n    untrack: (fn) => fn(),\n    batch,\n  }\n}\n"],"mappings":";;;;AAcA,SAAS,mBACP,gBACoB;CACpB,OAAO,OAAO,mBAAmB,aAC7B,kBACC,UAAU,eAAe,OAAO,KAAK;AAC5C;AAEA,SAAS,kBACP,QACiB;CACjB,OAAO,OAAO,OAAO,QAAQ;EAC3B,WAAW,OAAO;EAClB,aAAa,mBAAuD;GAIlE,OAAO,EAAE,4BAHU,QAAQ,mBAAmB,cAAc,GAAG,EAC7D,OAAO,OACT,CACyB,EAAE;EAC7B;CACF,CAAC;AACH;AAEA,SAAS,kBAAqB,QAAgC;CAC5D,OAAO,OAAO,OAAO,QAAQ;EAC3B,MAAM,YAAqC;GACzC,OAAO,QACL,OAAO,YAAY,aACd,QAA8B,OAAO,KAAK,IAC3C;EACR;EACA,WAAW,OAAO;EAClB,aAAa,mBAAuD;GAIlE,OAAO,EAAE,4BAHU,QAAQ,mBAAmB,cAAc,GAAG,EAC7D,OAAO,OACT,CACyB,EAAE;EAC7B;CACF,CAAC;AACH;;;;;;;;;AAUA,SAAgB,gBAAyC;CACvD,MAAM,gCAAgB,IAAI,IAAkB;CAE5C,OAAO;EACL,oBAAoB;EACpB,mBAAmB;EACnB,kBAAkB,iBAAiB;GACjC,cAAc,IAAI,YAAY;EAChC;EACA,eAAe;GACb,cAAc,SAAS,MAAM,EAAE,YAAY,CAAC;GAC5C,cAAc,MAAM;EACtB;EACA,WAAW,OAAO,qBAAqB,GAAG,CAAC;EAC3C,qBAAwB,IAAa,aAAmC;GACtE,OAAO,0CAAiC,GAAG,CAAC,CAAC;EAC/C;EACA,qBACE,OACA,aACY;GACZ,OAAO,sCAA6B,KAAK,CAAkB;EAC7D;EACA,UAAU,OAAO,GAAG;EACpB;CACF;AACF"}

package/dist/reactivity.js

@@ -3,10 +3,7 @@ import { batch } from "@tanstack/store";
 
 //#region src/reactivity.ts
 function observerToCallback(observerOrNext) {
-	return typeof observerOrNext === "function" ? observerOrNext : (value) => {
-		var _observerOrNext$next;
-		return (_observerOrNext$next = observerOrNext.next) === null || _observerOrNext$next === void 0 ? void 0 : _observerOrNext$next.call(observerOrNext, value);
-	};
+	return typeof observerOrNext === "function" ? observerOrNext : (value) => observerOrNext.next?.(value);
 }
 function refToReadonlyAtom(source) {
 	return Object.assign(source, {

package/dist/reactivity.js.map

@@ -1 +1 @@
-{"version":3,"file":"reactivity.js","names":[],"sources":["../src/reactivity.ts"],"sourcesContent":["import { computed, shallowRef, watch } from 'vue'\nimport { batch } from '@tanstack/store'\nimport type {\n  TableAtomOptions,\n  TableReactivityBindings,\n} from '@tanstack/table-core/reactivity'\nimport type {\n  Atom,\n  Observer,\n  ReadonlyAtom,\n  Subscription,\n} from '@tanstack/store'\nimport type { ComputedRef, ShallowRef } from 'vue'\n\nfunction observerToCallback<T>(\n  observerOrNext: Observer<T> | ((value: T) => void),\n): (value: T) => void {\n  return typeof observerOrNext === 'function'\n    ? observerOrNext\n    : (value) => observerOrNext.next?.(value)\n}\n\nfunction refToReadonlyAtom<T>(\n  source: ComputedRef<T> | ShallowRef<T>,\n): ReadonlyAtom<T> {\n  return Object.assign(source, {\n    get: () => source.value,\n    subscribe: ((observerOrNext: Observer<T> | ((value: T) => void)) => {\n      const stop = watch(source, observerToCallback(observerOrNext), {\n        flush: 'sync',\n      })\n      return { unsubscribe: stop }\n    }) as ReadonlyAtom<T>['subscribe'],\n  })\n}\n\nfunction refToWritableAtom<T>(source: ShallowRef<T>): Atom<T> {\n  return Object.assign(source, {\n    set: (updater: T | ((prevVal: T) => T)) => {\n      source.value =\n        typeof updater === 'function'\n          ? (updater as (prevVal: T) => T)(source.value)\n          : updater\n    },\n    get: () => source.value,\n    subscribe: ((observerOrNext: Observer<T> | ((value: T) => void)) => {\n      const stop = watch(source, observerToCallback(observerOrNext), {\n        flush: 'sync',\n      })\n      return { unsubscribe: stop }\n    }) as Atom<T>['subscribe'],\n  })\n}\n\n/**\n * Creates the table-core reactivity bindings used by the Vue adapter.\n *\n * Table state atoms are backed by TanStack Store atoms. The options store stays\n * framework-native because row-model APIs read `table.options` directly during\n * render. Readonly table atoms bridge Store dependency tracking into Vue computed\n * refs.\n */\nexport function vueReactivity(): TableReactivityBindings {\n  const subscriptions = new Set<Subscription>()\n\n  return {\n    createOptionsStore: true,\n    wrapExternalAtoms: true,\n    addSubscription: (subscription) => {\n      subscriptions.add(subscription)\n    },\n    unmount: () => {\n      subscriptions.forEach((s) => s.unsubscribe())\n      subscriptions.clear()\n    },\n    schedule: (fn) => queueMicrotask(() => fn()),\n    createReadonlyAtom: <T>(fn: () => T, _options?: TableAtomOptions<T>) => {\n      return refToReadonlyAtom(computed(() => fn()))\n    },\n    createWritableAtom: <T>(\n      value: T,\n      _options?: TableAtomOptions<T>,\n    ): Atom<T> => {\n      return refToWritableAtom(shallowRef(value) as ShallowRef<T>)\n    },\n    untrack: (fn) => fn(),\n    batch,\n  }\n}\n"],"mappings":";;;;AAcA,SAAS,mBACP,gBACoB;CACpB,OAAO,OAAO,mBAAmB,aAC7B,kBACC,UAAU;;gDAAe,uGAAO,KAAK;;AAC5C;AAEA,SAAS,kBACP,QACiB;CACjB,OAAO,OAAO,OAAO,QAAQ;EAC3B,WAAW,OAAO;EAClB,aAAa,mBAAuD;GAIlE,OAAO,EAAE,aAHI,MAAM,QAAQ,mBAAmB,cAAc,GAAG,EAC7D,OAAO,OACT,CACyB,EAAE;EAC7B;CACF,CAAC;AACH;AAEA,SAAS,kBAAqB,QAAgC;CAC5D,OAAO,OAAO,OAAO,QAAQ;EAC3B,MAAM,YAAqC;GACzC,OAAO,QACL,OAAO,YAAY,aACd,QAA8B,OAAO,KAAK,IAC3C;EACR;EACA,WAAW,OAAO;EAClB,aAAa,mBAAuD;GAIlE,OAAO,EAAE,aAHI,MAAM,QAAQ,mBAAmB,cAAc,GAAG,EAC7D,OAAO,OACT,CACyB,EAAE;EAC7B;CACF,CAAC;AACH;;;;;;;;;AAUA,SAAgB,gBAAyC;CACvD,MAAM,gCAAgB,IAAI,IAAkB;CAE5C,OAAO;EACL,oBAAoB;EACpB,mBAAmB;EACnB,kBAAkB,iBAAiB;GACjC,cAAc,IAAI,YAAY;EAChC;EACA,eAAe;GACb,cAAc,SAAS,MAAM,EAAE,YAAY,CAAC;GAC5C,cAAc,MAAM;EACtB;EACA,WAAW,OAAO,qBAAqB,GAAG,CAAC;EAC3C,qBAAwB,IAAa,aAAmC;GACtE,OAAO,kBAAkB,eAAe,GAAG,CAAC,CAAC;EAC/C;EACA,qBACE,OACA,aACY;GACZ,OAAO,kBAAkB,WAAW,KAAK,CAAkB;EAC7D;EACA,UAAU,OAAO,GAAG;EACpB;CACF;AACF"}
+{"version":3,"file":"reactivity.js","names":[],"sources":["../src/reactivity.ts"],"sourcesContent":["import { computed, shallowRef, watch } from 'vue'\nimport { batch } from '@tanstack/store'\nimport type {\n  TableAtomOptions,\n  TableReactivityBindings,\n} from '@tanstack/table-core/reactivity'\nimport type {\n  Atom,\n  Observer,\n  ReadonlyAtom,\n  Subscription,\n} from '@tanstack/store'\nimport type { ComputedRef, ShallowRef } from 'vue'\n\nfunction observerToCallback<T>(\n  observerOrNext: Observer<T> | ((value: T) => void),\n): (value: T) => void {\n  return typeof observerOrNext === 'function'\n    ? observerOrNext\n    : (value) => observerOrNext.next?.(value)\n}\n\nfunction refToReadonlyAtom<T>(\n  source: ComputedRef<T> | ShallowRef<T>,\n): ReadonlyAtom<T> {\n  return Object.assign(source, {\n    get: () => source.value,\n    subscribe: ((observerOrNext: Observer<T> | ((value: T) => void)) => {\n      const stop = watch(source, observerToCallback(observerOrNext), {\n        flush: 'sync',\n      })\n      return { unsubscribe: stop }\n    }) as ReadonlyAtom<T>['subscribe'],\n  })\n}\n\nfunction refToWritableAtom<T>(source: ShallowRef<T>): Atom<T> {\n  return Object.assign(source, {\n    set: (updater: T | ((prevVal: T) => T)) => {\n      source.value =\n        typeof updater === 'function'\n          ? (updater as (prevVal: T) => T)(source.value)\n          : updater\n    },\n    get: () => source.value,\n    subscribe: ((observerOrNext: Observer<T> | ((value: T) => void)) => {\n      const stop = watch(source, observerToCallback(observerOrNext), {\n        flush: 'sync',\n      })\n      return { unsubscribe: stop }\n    }) as Atom<T>['subscribe'],\n  })\n}\n\n/**\n * Creates the table-core reactivity bindings used by the Vue adapter.\n *\n * Table state atoms are backed by TanStack Store atoms. The options store stays\n * framework-native because row-model APIs read `table.options` directly during\n * render. Readonly table atoms bridge Store dependency tracking into Vue computed\n * refs.\n */\nexport function vueReactivity(): TableReactivityBindings {\n  const subscriptions = new Set<Subscription>()\n\n  return {\n    createOptionsStore: true,\n    wrapExternalAtoms: true,\n    addSubscription: (subscription) => {\n      subscriptions.add(subscription)\n    },\n    unmount: () => {\n      subscriptions.forEach((s) => s.unsubscribe())\n      subscriptions.clear()\n    },\n    schedule: (fn) => queueMicrotask(() => fn()),\n    createReadonlyAtom: <T>(fn: () => T, _options?: TableAtomOptions<T>) => {\n      return refToReadonlyAtom(computed(() => fn()))\n    },\n    createWritableAtom: <T>(\n      value: T,\n      _options?: TableAtomOptions<T>,\n    ): Atom<T> => {\n      return refToWritableAtom(shallowRef(value) as ShallowRef<T>)\n    },\n    untrack: (fn) => fn(),\n    batch,\n  }\n}\n"],"mappings":";;;;AAcA,SAAS,mBACP,gBACoB;CACpB,OAAO,OAAO,mBAAmB,aAC7B,kBACC,UAAU,eAAe,OAAO,KAAK;AAC5C;AAEA,SAAS,kBACP,QACiB;CACjB,OAAO,OAAO,OAAO,QAAQ;EAC3B,WAAW,OAAO;EAClB,aAAa,mBAAuD;GAIlE,OAAO,EAAE,aAHI,MAAM,QAAQ,mBAAmB,cAAc,GAAG,EAC7D,OAAO,OACT,CACyB,EAAE;EAC7B;CACF,CAAC;AACH;AAEA,SAAS,kBAAqB,QAAgC;CAC5D,OAAO,OAAO,OAAO,QAAQ;EAC3B,MAAM,YAAqC;GACzC,OAAO,QACL,OAAO,YAAY,aACd,QAA8B,OAAO,KAAK,IAC3C;EACR;EACA,WAAW,OAAO;EAClB,aAAa,mBAAuD;GAIlE,OAAO,EAAE,aAHI,MAAM,QAAQ,mBAAmB,cAAc,GAAG,EAC7D,OAAO,OACT,CACyB,EAAE;EAC7B;CACF,CAAC;AACH;;;;;;;;;AAUA,SAAgB,gBAAyC;CACvD,MAAM,gCAAgB,IAAI,IAAkB;CAE5C,OAAO;EACL,oBAAoB;EACpB,mBAAmB;EACnB,kBAAkB,iBAAiB;GACjC,cAAc,IAAI,YAAY;EAChC;EACA,eAAe;GACb,cAAc,SAAS,MAAM,EAAE,YAAY,CAAC;GAC5C,cAAc,MAAM;EACtB;EACA,WAAW,OAAO,qBAAqB,GAAG,CAAC;EAC3C,qBAAwB,IAAa,aAAmC;GACtE,OAAO,kBAAkB,eAAe,GAAG,CAAC,CAAC;EAC/C;EACA,qBACE,OACA,aACY;GACZ,OAAO,kBAAkB,WAAW,KAAK,CAAkB;EAC7D;EACA,UAAU,OAAO,GAAG;EACpB;CACF;AACF"}

package/dist/useTable.cjs

@@ -44,10 +44,7 @@ function useTable(tableOptions) {
 		return require_merge_proxy.flatMerge(defaultOptions, newOptions);
 	} }));
 	const table = coreTable;
-	if ((0, vue.getCurrentScope)()) (0, vue.onScopeDispose)(() => {
-		var _reactivity$unmount;
-		return (_reactivity$unmount = reactivity.unmount) === null || _reactivity$unmount === void 0 ? void 0 : _reactivity$unmount.call(reactivity);
-	});
+	if ((0, vue.getCurrentScope)()) (0, vue.onScopeDispose)(() => reactivity.unmount?.());
 	(0, vue.watch)(() => getReactiveOptionDeps(mergedOptions), () => {
 		syncTableOptions(coreTable, mergedOptions);
 	}, { immediate: true });
@@ -57,7 +54,7 @@ function useTable(tableOptions) {
 		if (!controlledState) return [];
 		const controlledValues = [];
 		for (const key of Object.keys(table.initialState)) {
-			if (!(key in controlledState) || (controlledAtoms === null || controlledAtoms === void 0 ? void 0 : controlledAtoms[key]) !== void 0) continue;
+			if (!(key in controlledState) || controlledAtoms?.[key] !== void 0) continue;
 			controlledValues.push(controlledState[key]);
 		}
 		return controlledValues;

package/dist/useTable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.cjs","names":["mergeProxy","flatMerge","vueReactivity"],"sources":["../src/useTable.ts"],"sourcesContent":["import { getCurrentScope, onScopeDispose, unref, watch } from 'vue'\nimport { constructTable } from '@tanstack/table-core'\nimport { flatMerge, mergeProxy } from './merge-proxy'\nimport { vueReactivity } from './reactivity'\nimport type {\n  RowData,\n  Table,\n  TableFeatures,\n  TableOptions,\n} from '@tanstack/table-core'\nimport type { MaybeRef, VNode } from 'vue'\n\nexport type TableOptionsWithReactiveData<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n> = {\n  [K in keyof TableOptions<TFeatures, TData>]: K extends 'data'\n    ? MaybeRef<ReadonlyArray<TData>>\n    : MaybeRef<TableOptions<TFeatures, TData>[K]>\n}\n\nfunction getOptionsWithReactiveValues<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(options: TableOptionsWithReactiveData<TFeatures, TData>) {\n  const resolvedOptions: Record<string, unknown> = {}\n\n  for (const key of Object.keys(options)) {\n    resolvedOptions[key] = unref(\n      options[key as keyof TableOptionsWithReactiveData<TFeatures, TData>],\n    )\n  }\n\n  return mergeProxy(options, resolvedOptions)\n}\n\nfunction getReactiveOptionDeps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(options: TableOptionsWithReactiveData<TFeatures, TData>) {\n  return Object.keys(options).map((key) =>\n    unref(options[key as keyof TableOptionsWithReactiveData<TFeatures, TData>]),\n  )\n}\n\nexport type VueTable<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n> = Table<TFeatures, TData> & {\n  /** Creates a reactive render boundary. The child function reads the table\n   * atoms it needs, so Vue only tracks those atom reads.\n   */\n  Subscribe: (props: {\n    children: (atoms: Table<TFeatures, TData>['atoms']) => VNode | Array<VNode>\n  }) => VNode | Array<VNode>\n}\n\n/**\n * Creates a Vue table instance backed by Vue-aware TanStack Store atoms.\n *\n * Table options may contain Vue refs or computed values. The adapter unwraps\n * those reactive inputs, watches them with synchronous flushing, and keeps the\n * table options in sync. Use `table.Subscribe` or native Vue computed values\n * around `table.atoms.<slice>.get()` for selected reactive reads.\n *\n * @example\n * ```ts\n * const table = useTable(\n *   {\n *     features,\n *     columns,\n *     data,\n *   },\n * )\n * ```\n */\nexport function useTable<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  tableOptions:\n    | TableOptions<TFeatures, TData>\n    | TableOptionsWithReactiveData<TFeatures, TData>,\n): VueTable<TFeatures, TData> {\n  const syncTableOptions = (\n    table: Table<TFeatures, TData>,\n    options: TableOptionsWithReactiveData<TFeatures, TData>,\n  ) => {\n    table.setOptions((prev) =>\n      flatMerge(prev, getOptionsWithReactiveValues(options)),\n    )\n  }\n\n  const reactivity = vueReactivity()\n\n  const mergedOptions = mergeProxy(tableOptions, {\n    features: {\n      coreReactivityFeature: reactivity,\n      ...(unref(tableOptions.features) ?? {}),\n    },\n  }) as TableOptionsWithReactiveData<TFeatures, TData>\n\n  const resolvedOptions = mergeProxy(\n    getOptionsWithReactiveValues(mergedOptions),\n    {\n      // Remove state and onStateChange - store handles it internally\n      mergeOptions: (\n        defaultOptions: TableOptions<TFeatures, TData>,\n        newOptions: Partial<TableOptions<TFeatures, TData>>,\n      ) => {\n        return flatMerge(defaultOptions, newOptions)\n      },\n    },\n  ) as TableOptions<TFeatures, TData>\n\n  const coreTable = constructTable(resolvedOptions)\n  const table = coreTable as unknown as VueTable<TFeatures, TData>\n\n  if (getCurrentScope()) {\n    onScopeDispose(() => reactivity.unmount?.())\n  }\n\n  watch(\n    () => getReactiveOptionDeps(mergedOptions),\n    () => {\n      syncTableOptions(coreTable, mergedOptions)\n    },\n    { immediate: true },\n  )\n\n  watch(\n    () => {\n      const controlledState = unref(tableOptions.state) as\n        | Record<string, unknown>\n        | undefined\n      const controlledAtoms = unref(tableOptions.atoms) as\n        | Record<string, unknown>\n        | undefined\n\n      if (!controlledState) {\n        return []\n      }\n\n      const controlledValues: Array<unknown> = []\n\n      for (const key of Object.keys(table.initialState)) {\n        if (!(key in controlledState) || controlledAtoms?.[key] !== undefined) {\n          continue\n        }\n\n        // Reading only controlled state slices here lets Vue subscribe to\n        // getters/computed values that are passed through `options.state`.\n        controlledValues.push(controlledState[key])\n      }\n\n      return controlledValues\n    },\n    (controlledValues) => {\n      if (controlledValues.length > 0) {\n        syncTableOptions(coreTable, mergedOptions)\n      }\n    },\n    { immediate: true },\n  )\n\n  table.Subscribe = (props: {\n    children: (atoms: Table<TFeatures, TData>['atoms']) => VNode | Array<VNode>\n  }) => {\n    return props.children(table.atoms as Table<TFeatures, TData>['atoms'])\n  }\n\n  return table\n}\n"],"mappings":";;;;;;AAqBA,SAAS,6BAGP,SAAyD;CACzD,MAAM,kBAA2C,CAAC;CAElD,KAAK,MAAM,OAAO,OAAO,KAAK,OAAO,GACnC,gBAAgB,sBACd,QAAQ,IACV;CAGF,OAAOA,+BAAW,SAAS,eAAe;AAC5C;AAEA,SAAS,sBAGP,SAAyD;CACzD,OAAO,OAAO,KAAK,OAAO,CAAC,CAAC,KAAK,uBACzB,QAAQ,IAA4D,CAC5E;AACF;;;;;;;;;;;;;;;;;;;;AAiCA,SAAgB,SAId,cAG4B;CAC5B,MAAM,oBACJ,OACA,YACG;EACH,MAAM,YAAY,SAChBC,8BAAU,MAAM,6BAA6B,OAAO,CAAC,CACvD;CACF;CAEA,MAAM,aAAaC,iCAAc;CAEjC,MAAM,gBAAgBF,+BAAW,cAAc,EAC7C,UAAU;EACR,uBAAuB;EACvB,kBAAU,aAAa,QAAQ,KAAK,CAAC;CACvC,EACF,CAAC;CAeD,MAAM,qDAbkBA,+BACtB,6BAA6B,aAAa,GAC1C,EAEE,eACE,gBACA,eACG;EACH,OAAOC,8BAAU,gBAAgB,UAAU;CAC7C,EACF,CAG6C,CAAC;CAChD,MAAM,QAAQ;CAEd,6BAAoB,GAClB,8BAAqB;;2CAAW,kGAAU;EAAC;CAG7C,qBACQ,sBAAsB,aAAa,SACnC;EACJ,iBAAiB,WAAW,aAAa;CAC3C,GACA,EAAE,WAAW,KAAK,CACpB;CAEA,qBACQ;EACJ,MAAM,iCAAwB,aAAa,KAAK;EAGhD,MAAM,iCAAwB,aAAa,KAAK;EAIhD,IAAI,CAAC,iBACH,OAAO,CAAC;EAGV,MAAM,mBAAmC,CAAC;EAE1C,KAAK,MAAM,OAAO,OAAO,KAAK,MAAM,YAAY,GAAG;GACjD,IAAI,EAAE,OAAO,uFAAoB,gBAAkB,UAAS,QAC1D;GAKF,iBAAiB,KAAK,gBAAgB,IAAI;EAC5C;EAEA,OAAO;CACT,IACC,qBAAqB;EACpB,IAAI,iBAAiB,SAAS,GAC5B,iBAAiB,WAAW,aAAa;CAE7C,GACA,EAAE,WAAW,KAAK,CACpB;CAEA,MAAM,aAAa,UAEb;EACJ,OAAO,MAAM,SAAS,MAAM,KAAyC;CACvE;CAEA,OAAO;AACT"}
+{"version":3,"file":"useTable.cjs","names":["mergeProxy","flatMerge","vueReactivity"],"sources":["../src/useTable.ts"],"sourcesContent":["import { getCurrentScope, onScopeDispose, unref, watch } from 'vue'\nimport { constructTable } from '@tanstack/table-core'\nimport { flatMerge, mergeProxy } from './merge-proxy'\nimport { vueReactivity } from './reactivity'\nimport type {\n  RowData,\n  Table,\n  TableFeatures,\n  TableOptions,\n} from '@tanstack/table-core'\nimport type { MaybeRef, VNode } from 'vue'\n\nexport type TableOptionsWithReactiveData<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n> = {\n  [K in keyof TableOptions<TFeatures, TData>]: K extends 'data'\n    ? MaybeRef<ReadonlyArray<TData>>\n    : MaybeRef<TableOptions<TFeatures, TData>[K]>\n}\n\nfunction getOptionsWithReactiveValues<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(options: TableOptionsWithReactiveData<TFeatures, TData>) {\n  const resolvedOptions: Record<string, unknown> = {}\n\n  for (const key of Object.keys(options)) {\n    resolvedOptions[key] = unref(\n      options[key as keyof TableOptionsWithReactiveData<TFeatures, TData>],\n    )\n  }\n\n  return mergeProxy(options, resolvedOptions)\n}\n\nfunction getReactiveOptionDeps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(options: TableOptionsWithReactiveData<TFeatures, TData>) {\n  return Object.keys(options).map((key) =>\n    unref(options[key as keyof TableOptionsWithReactiveData<TFeatures, TData>]),\n  )\n}\n\nexport type VueTable<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n> = Table<TFeatures, TData> & {\n  /** Creates a reactive render boundary. The child function reads the table\n   * atoms it needs, so Vue only tracks those atom reads.\n   */\n  Subscribe: (props: {\n    children: (atoms: Table<TFeatures, TData>['atoms']) => VNode | Array<VNode>\n  }) => VNode | Array<VNode>\n}\n\n/**\n * Creates a Vue table instance backed by Vue-aware TanStack Store atoms.\n *\n * Table options may contain Vue refs or computed values. The adapter unwraps\n * those reactive inputs, watches them with synchronous flushing, and keeps the\n * table options in sync. Use `table.Subscribe` or native Vue computed values\n * around `table.atoms.<slice>.get()` for selected reactive reads.\n *\n * @example\n * ```ts\n * const table = useTable(\n *   {\n *     features,\n *     columns,\n *     data,\n *   },\n * )\n * ```\n */\nexport function useTable<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  tableOptions:\n    | TableOptions<TFeatures, TData>\n    | TableOptionsWithReactiveData<TFeatures, TData>,\n): VueTable<TFeatures, TData> {\n  const syncTableOptions = (\n    table: Table<TFeatures, TData>,\n    options: TableOptionsWithReactiveData<TFeatures, TData>,\n  ) => {\n    table.setOptions((prev) =>\n      flatMerge(prev, getOptionsWithReactiveValues(options)),\n    )\n  }\n\n  const reactivity = vueReactivity()\n\n  const mergedOptions = mergeProxy(tableOptions, {\n    features: {\n      coreReactivityFeature: reactivity,\n      ...(unref(tableOptions.features) ?? {}),\n    },\n  }) as TableOptionsWithReactiveData<TFeatures, TData>\n\n  const resolvedOptions = mergeProxy(\n    getOptionsWithReactiveValues(mergedOptions),\n    {\n      // Remove state and onStateChange - store handles it internally\n      mergeOptions: (\n        defaultOptions: TableOptions<TFeatures, TData>,\n        newOptions: Partial<TableOptions<TFeatures, TData>>,\n      ) => {\n        return flatMerge(defaultOptions, newOptions)\n      },\n    },\n  ) as TableOptions<TFeatures, TData>\n\n  const coreTable = constructTable(resolvedOptions)\n  const table = coreTable as unknown as VueTable<TFeatures, TData>\n\n  if (getCurrentScope()) {\n    onScopeDispose(() => reactivity.unmount?.())\n  }\n\n  watch(\n    () => getReactiveOptionDeps(mergedOptions),\n    () => {\n      syncTableOptions(coreTable, mergedOptions)\n    },\n    { immediate: true },\n  )\n\n  watch(\n    () => {\n      const controlledState = unref(tableOptions.state) as\n        | Record<string, unknown>\n        | undefined\n      const controlledAtoms = unref(tableOptions.atoms) as\n        | Record<string, unknown>\n        | undefined\n\n      if (!controlledState) {\n        return []\n      }\n\n      const controlledValues: Array<unknown> = []\n\n      for (const key of Object.keys(table.initialState)) {\n        if (!(key in controlledState) || controlledAtoms?.[key] !== undefined) {\n          continue\n        }\n\n        // Reading only controlled state slices here lets Vue subscribe to\n        // getters/computed values that are passed through `options.state`.\n        controlledValues.push(controlledState[key])\n      }\n\n      return controlledValues\n    },\n    (controlledValues) => {\n      if (controlledValues.length > 0) {\n        syncTableOptions(coreTable, mergedOptions)\n      }\n    },\n    { immediate: true },\n  )\n\n  table.Subscribe = (props: {\n    children: (atoms: Table<TFeatures, TData>['atoms']) => VNode | Array<VNode>\n  }) => {\n    return props.children(table.atoms as Table<TFeatures, TData>['atoms'])\n  }\n\n  return table\n}\n"],"mappings":";;;;;;AAqBA,SAAS,6BAGP,SAAyD;CACzD,MAAM,kBAA2C,CAAC;CAElD,KAAK,MAAM,OAAO,OAAO,KAAK,OAAO,GACnC,gBAAgB,sBACd,QAAQ,IACV;CAGF,OAAOA,+BAAW,SAAS,eAAe;AAC5C;AAEA,SAAS,sBAGP,SAAyD;CACzD,OAAO,OAAO,KAAK,OAAO,CAAC,CAAC,KAAK,uBACzB,QAAQ,IAA4D,CAC5E;AACF;;;;;;;;;;;;;;;;;;;;AAiCA,SAAgB,SAId,cAG4B;CAC5B,MAAM,oBACJ,OACA,YACG;EACH,MAAM,YAAY,SAChBC,8BAAU,MAAM,6BAA6B,OAAO,CAAC,CACvD;CACF;CAEA,MAAM,aAAaC,iCAAc;CAEjC,MAAM,gBAAgBF,+BAAW,cAAc,EAC7C,UAAU;EACR,uBAAuB;EACvB,kBAAU,aAAa,QAAQ,KAAK,CAAC;CACvC,EACF,CAAC;CAeD,MAAM,qDAbkBA,+BACtB,6BAA6B,aAAa,GAC1C,EAEE,eACE,gBACA,eACG;EACH,OAAOC,8BAAU,gBAAgB,UAAU;CAC7C,EACF,CAG6C,CAAC;CAChD,MAAM,QAAQ;CAEd,6BAAoB,GAClB,8BAAqB,WAAW,UAAU,CAAC;CAG7C,qBACQ,sBAAsB,aAAa,SACnC;EACJ,iBAAiB,WAAW,aAAa;CAC3C,GACA,EAAE,WAAW,KAAK,CACpB;CAEA,qBACQ;EACJ,MAAM,iCAAwB,aAAa,KAAK;EAGhD,MAAM,iCAAwB,aAAa,KAAK;EAIhD,IAAI,CAAC,iBACH,OAAO,CAAC;EAGV,MAAM,mBAAmC,CAAC;EAE1C,KAAK,MAAM,OAAO,OAAO,KAAK,MAAM,YAAY,GAAG;GACjD,IAAI,EAAE,OAAO,oBAAoB,kBAAkB,SAAS,QAC1D;GAKF,iBAAiB,KAAK,gBAAgB,IAAI;EAC5C;EAEA,OAAO;CACT,IACC,qBAAqB;EACpB,IAAI,iBAAiB,SAAS,GAC5B,iBAAiB,WAAW,aAAa;CAE7C,GACA,EAAE,WAAW,KAAK,CACpB;CAEA,MAAM,aAAa,UAEb;EACJ,OAAO,MAAM,SAAS,MAAM,KAAyC;CACvE;CAEA,OAAO;AACT"}

package/dist/useTable.js

@@ -44,10 +44,7 @@ function useTable(tableOptions) {
 		return flatMerge(defaultOptions, newOptions);
 	} }));
 	const table = coreTable;
-	if (getCurrentScope()) onScopeDispose(() => {
-		var _reactivity$unmount;
-		return (_reactivity$unmount = reactivity.unmount) === null || _reactivity$unmount === void 0 ? void 0 : _reactivity$unmount.call(reactivity);
-	});
+	if (getCurrentScope()) onScopeDispose(() => reactivity.unmount?.());
 	watch(() => getReactiveOptionDeps(mergedOptions), () => {
 		syncTableOptions(coreTable, mergedOptions);
 	}, { immediate: true });
@@ -57,7 +54,7 @@ function useTable(tableOptions) {
 		if (!controlledState) return [];
 		const controlledValues = [];
 		for (const key of Object.keys(table.initialState)) {
-			if (!(key in controlledState) || (controlledAtoms === null || controlledAtoms === void 0 ? void 0 : controlledAtoms[key]) !== void 0) continue;
+			if (!(key in controlledState) || controlledAtoms?.[key] !== void 0) continue;
 			controlledValues.push(controlledState[key]);
 		}
 		return controlledValues;

package/dist/useTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.js","names":[],"sources":["../src/useTable.ts"],"sourcesContent":["import { getCurrentScope, onScopeDispose, unref, watch } from 'vue'\nimport { constructTable } from '@tanstack/table-core'\nimport { flatMerge, mergeProxy } from './merge-proxy'\nimport { vueReactivity } from './reactivity'\nimport type {\n  RowData,\n  Table,\n  TableFeatures,\n  TableOptions,\n} from '@tanstack/table-core'\nimport type { MaybeRef, VNode } from 'vue'\n\nexport type TableOptionsWithReactiveData<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n> = {\n  [K in keyof TableOptions<TFeatures, TData>]: K extends 'data'\n    ? MaybeRef<ReadonlyArray<TData>>\n    : MaybeRef<TableOptions<TFeatures, TData>[K]>\n}\n\nfunction getOptionsWithReactiveValues<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(options: TableOptionsWithReactiveData<TFeatures, TData>) {\n  const resolvedOptions: Record<string, unknown> = {}\n\n  for (const key of Object.keys(options)) {\n    resolvedOptions[key] = unref(\n      options[key as keyof TableOptionsWithReactiveData<TFeatures, TData>],\n    )\n  }\n\n  return mergeProxy(options, resolvedOptions)\n}\n\nfunction getReactiveOptionDeps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(options: TableOptionsWithReactiveData<TFeatures, TData>) {\n  return Object.keys(options).map((key) =>\n    unref(options[key as keyof TableOptionsWithReactiveData<TFeatures, TData>]),\n  )\n}\n\nexport type VueTable<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n> = Table<TFeatures, TData> & {\n  /** Creates a reactive render boundary. The child function reads the table\n   * atoms it needs, so Vue only tracks those atom reads.\n   */\n  Subscribe: (props: {\n    children: (atoms: Table<TFeatures, TData>['atoms']) => VNode | Array<VNode>\n  }) => VNode | Array<VNode>\n}\n\n/**\n * Creates a Vue table instance backed by Vue-aware TanStack Store atoms.\n *\n * Table options may contain Vue refs or computed values. The adapter unwraps\n * those reactive inputs, watches them with synchronous flushing, and keeps the\n * table options in sync. Use `table.Subscribe` or native Vue computed values\n * around `table.atoms.<slice>.get()` for selected reactive reads.\n *\n * @example\n * ```ts\n * const table = useTable(\n *   {\n *     features,\n *     columns,\n *     data,\n *   },\n * )\n * ```\n */\nexport function useTable<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  tableOptions:\n    | TableOptions<TFeatures, TData>\n    | TableOptionsWithReactiveData<TFeatures, TData>,\n): VueTable<TFeatures, TData> {\n  const syncTableOptions = (\n    table: Table<TFeatures, TData>,\n    options: TableOptionsWithReactiveData<TFeatures, TData>,\n  ) => {\n    table.setOptions((prev) =>\n      flatMerge(prev, getOptionsWithReactiveValues(options)),\n    )\n  }\n\n  const reactivity = vueReactivity()\n\n  const mergedOptions = mergeProxy(tableOptions, {\n    features: {\n      coreReactivityFeature: reactivity,\n      ...(unref(tableOptions.features) ?? {}),\n    },\n  }) as TableOptionsWithReactiveData<TFeatures, TData>\n\n  const resolvedOptions = mergeProxy(\n    getOptionsWithReactiveValues(mergedOptions),\n    {\n      // Remove state and onStateChange - store handles it internally\n      mergeOptions: (\n        defaultOptions: TableOptions<TFeatures, TData>,\n        newOptions: Partial<TableOptions<TFeatures, TData>>,\n      ) => {\n        return flatMerge(defaultOptions, newOptions)\n      },\n    },\n  ) as TableOptions<TFeatures, TData>\n\n  const coreTable = constructTable(resolvedOptions)\n  const table = coreTable as unknown as VueTable<TFeatures, TData>\n\n  if (getCurrentScope()) {\n    onScopeDispose(() => reactivity.unmount?.())\n  }\n\n  watch(\n    () => getReactiveOptionDeps(mergedOptions),\n    () => {\n      syncTableOptions(coreTable, mergedOptions)\n    },\n    { immediate: true },\n  )\n\n  watch(\n    () => {\n      const controlledState = unref(tableOptions.state) as\n        | Record<string, unknown>\n        | undefined\n      const controlledAtoms = unref(tableOptions.atoms) as\n        | Record<string, unknown>\n        | undefined\n\n      if (!controlledState) {\n        return []\n      }\n\n      const controlledValues: Array<unknown> = []\n\n      for (const key of Object.keys(table.initialState)) {\n        if (!(key in controlledState) || controlledAtoms?.[key] !== undefined) {\n          continue\n        }\n\n        // Reading only controlled state slices here lets Vue subscribe to\n        // getters/computed values that are passed through `options.state`.\n        controlledValues.push(controlledState[key])\n      }\n\n      return controlledValues\n    },\n    (controlledValues) => {\n      if (controlledValues.length > 0) {\n        syncTableOptions(coreTable, mergedOptions)\n      }\n    },\n    { immediate: true },\n  )\n\n  table.Subscribe = (props: {\n    children: (atoms: Table<TFeatures, TData>['atoms']) => VNode | Array<VNode>\n  }) => {\n    return props.children(table.atoms as Table<TFeatures, TData>['atoms'])\n  }\n\n  return table\n}\n"],"mappings":";;;;;;AAqBA,SAAS,6BAGP,SAAyD;CACzD,MAAM,kBAA2C,CAAC;CAElD,KAAK,MAAM,OAAO,OAAO,KAAK,OAAO,GACnC,gBAAgB,OAAO,MACrB,QAAQ,IACV;CAGF,OAAO,WAAW,SAAS,eAAe;AAC5C;AAEA,SAAS,sBAGP,SAAyD;CACzD,OAAO,OAAO,KAAK,OAAO,CAAC,CAAC,KAAK,QAC/B,MAAM,QAAQ,IAA4D,CAC5E;AACF;;;;;;;;;;;;;;;;;;;;AAiCA,SAAgB,SAId,cAG4B;CAC5B,MAAM,oBACJ,OACA,YACG;EACH,MAAM,YAAY,SAChB,UAAU,MAAM,6BAA6B,OAAO,CAAC,CACvD;CACF;CAEA,MAAM,aAAa,cAAc;CAEjC,MAAM,gBAAgB,WAAW,cAAc,EAC7C,UAAU;EACR,uBAAuB;EACvB,GAAI,MAAM,aAAa,QAAQ,KAAK,CAAC;CACvC,EACF,CAAC;CAeD,MAAM,YAAY,eAbM,WACtB,6BAA6B,aAAa,GAC1C,EAEE,eACE,gBACA,eACG;EACH,OAAO,UAAU,gBAAgB,UAAU;CAC7C,EACF,CAG6C,CAAC;CAChD,MAAM,QAAQ;CAEd,IAAI,gBAAgB,GAClB,qBAAqB;;2CAAW,kGAAU;EAAC;CAG7C,YACQ,sBAAsB,aAAa,SACnC;EACJ,iBAAiB,WAAW,aAAa;CAC3C,GACA,EAAE,WAAW,KAAK,CACpB;CAEA,YACQ;EACJ,MAAM,kBAAkB,MAAM,aAAa,KAAK;EAGhD,MAAM,kBAAkB,MAAM,aAAa,KAAK;EAIhD,IAAI,CAAC,iBACH,OAAO,CAAC;EAGV,MAAM,mBAAmC,CAAC;EAE1C,KAAK,MAAM,OAAO,OAAO,KAAK,MAAM,YAAY,GAAG;GACjD,IAAI,EAAE,OAAO,uFAAoB,gBAAkB,UAAS,QAC1D;GAKF,iBAAiB,KAAK,gBAAgB,IAAI;EAC5C;EAEA,OAAO;CACT,IACC,qBAAqB;EACpB,IAAI,iBAAiB,SAAS,GAC5B,iBAAiB,WAAW,aAAa;CAE7C,GACA,EAAE,WAAW,KAAK,CACpB;CAEA,MAAM,aAAa,UAEb;EACJ,OAAO,MAAM,SAAS,MAAM,KAAyC;CACvE;CAEA,OAAO;AACT"}
+{"version":3,"file":"useTable.js","names":[],"sources":["../src/useTable.ts"],"sourcesContent":["import { getCurrentScope, onScopeDispose, unref, watch } from 'vue'\nimport { constructTable } from '@tanstack/table-core'\nimport { flatMerge, mergeProxy } from './merge-proxy'\nimport { vueReactivity } from './reactivity'\nimport type {\n  RowData,\n  Table,\n  TableFeatures,\n  TableOptions,\n} from '@tanstack/table-core'\nimport type { MaybeRef, VNode } from 'vue'\n\nexport type TableOptionsWithReactiveData<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n> = {\n  [K in keyof TableOptions<TFeatures, TData>]: K extends 'data'\n    ? MaybeRef<ReadonlyArray<TData>>\n    : MaybeRef<TableOptions<TFeatures, TData>[K]>\n}\n\nfunction getOptionsWithReactiveValues<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(options: TableOptionsWithReactiveData<TFeatures, TData>) {\n  const resolvedOptions: Record<string, unknown> = {}\n\n  for (const key of Object.keys(options)) {\n    resolvedOptions[key] = unref(\n      options[key as keyof TableOptionsWithReactiveData<TFeatures, TData>],\n    )\n  }\n\n  return mergeProxy(options, resolvedOptions)\n}\n\nfunction getReactiveOptionDeps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(options: TableOptionsWithReactiveData<TFeatures, TData>) {\n  return Object.keys(options).map((key) =>\n    unref(options[key as keyof TableOptionsWithReactiveData<TFeatures, TData>]),\n  )\n}\n\nexport type VueTable<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n> = Table<TFeatures, TData> & {\n  /** Creates a reactive render boundary. The child function reads the table\n   * atoms it needs, so Vue only tracks those atom reads.\n   */\n  Subscribe: (props: {\n    children: (atoms: Table<TFeatures, TData>['atoms']) => VNode | Array<VNode>\n  }) => VNode | Array<VNode>\n}\n\n/**\n * Creates a Vue table instance backed by Vue-aware TanStack Store atoms.\n *\n * Table options may contain Vue refs or computed values. The adapter unwraps\n * those reactive inputs, watches them with synchronous flushing, and keeps the\n * table options in sync. Use `table.Subscribe` or native Vue computed values\n * around `table.atoms.<slice>.get()` for selected reactive reads.\n *\n * @example\n * ```ts\n * const table = useTable(\n *   {\n *     features,\n *     columns,\n *     data,\n *   },\n * )\n * ```\n */\nexport function useTable<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  tableOptions:\n    | TableOptions<TFeatures, TData>\n    | TableOptionsWithReactiveData<TFeatures, TData>,\n): VueTable<TFeatures, TData> {\n  const syncTableOptions = (\n    table: Table<TFeatures, TData>,\n    options: TableOptionsWithReactiveData<TFeatures, TData>,\n  ) => {\n    table.setOptions((prev) =>\n      flatMerge(prev, getOptionsWithReactiveValues(options)),\n    )\n  }\n\n  const reactivity = vueReactivity()\n\n  const mergedOptions = mergeProxy(tableOptions, {\n    features: {\n      coreReactivityFeature: reactivity,\n      ...(unref(tableOptions.features) ?? {}),\n    },\n  }) as TableOptionsWithReactiveData<TFeatures, TData>\n\n  const resolvedOptions = mergeProxy(\n    getOptionsWithReactiveValues(mergedOptions),\n    {\n      // Remove state and onStateChange - store handles it internally\n      mergeOptions: (\n        defaultOptions: TableOptions<TFeatures, TData>,\n        newOptions: Partial<TableOptions<TFeatures, TData>>,\n      ) => {\n        return flatMerge(defaultOptions, newOptions)\n      },\n    },\n  ) as TableOptions<TFeatures, TData>\n\n  const coreTable = constructTable(resolvedOptions)\n  const table = coreTable as unknown as VueTable<TFeatures, TData>\n\n  if (getCurrentScope()) {\n    onScopeDispose(() => reactivity.unmount?.())\n  }\n\n  watch(\n    () => getReactiveOptionDeps(mergedOptions),\n    () => {\n      syncTableOptions(coreTable, mergedOptions)\n    },\n    { immediate: true },\n  )\n\n  watch(\n    () => {\n      const controlledState = unref(tableOptions.state) as\n        | Record<string, unknown>\n        | undefined\n      const controlledAtoms = unref(tableOptions.atoms) as\n        | Record<string, unknown>\n        | undefined\n\n      if (!controlledState) {\n        return []\n      }\n\n      const controlledValues: Array<unknown> = []\n\n      for (const key of Object.keys(table.initialState)) {\n        if (!(key in controlledState) || controlledAtoms?.[key] !== undefined) {\n          continue\n        }\n\n        // Reading only controlled state slices here lets Vue subscribe to\n        // getters/computed values that are passed through `options.state`.\n        controlledValues.push(controlledState[key])\n      }\n\n      return controlledValues\n    },\n    (controlledValues) => {\n      if (controlledValues.length > 0) {\n        syncTableOptions(coreTable, mergedOptions)\n      }\n    },\n    { immediate: true },\n  )\n\n  table.Subscribe = (props: {\n    children: (atoms: Table<TFeatures, TData>['atoms']) => VNode | Array<VNode>\n  }) => {\n    return props.children(table.atoms as Table<TFeatures, TData>['atoms'])\n  }\n\n  return table\n}\n"],"mappings":";;;;;;AAqBA,SAAS,6BAGP,SAAyD;CACzD,MAAM,kBAA2C,CAAC;CAElD,KAAK,MAAM,OAAO,OAAO,KAAK,OAAO,GACnC,gBAAgB,OAAO,MACrB,QAAQ,IACV;CAGF,OAAO,WAAW,SAAS,eAAe;AAC5C;AAEA,SAAS,sBAGP,SAAyD;CACzD,OAAO,OAAO,KAAK,OAAO,CAAC,CAAC,KAAK,QAC/B,MAAM,QAAQ,IAA4D,CAC5E;AACF;;;;;;;;;;;;;;;;;;;;AAiCA,SAAgB,SAId,cAG4B;CAC5B,MAAM,oBACJ,OACA,YACG;EACH,MAAM,YAAY,SAChB,UAAU,MAAM,6BAA6B,OAAO,CAAC,CACvD;CACF;CAEA,MAAM,aAAa,cAAc;CAEjC,MAAM,gBAAgB,WAAW,cAAc,EAC7C,UAAU;EACR,uBAAuB;EACvB,GAAI,MAAM,aAAa,QAAQ,KAAK,CAAC;CACvC,EACF,CAAC;CAeD,MAAM,YAAY,eAbM,WACtB,6BAA6B,aAAa,GAC1C,EAEE,eACE,gBACA,eACG;EACH,OAAO,UAAU,gBAAgB,UAAU;CAC7C,EACF,CAG6C,CAAC;CAChD,MAAM,QAAQ;CAEd,IAAI,gBAAgB,GAClB,qBAAqB,WAAW,UAAU,CAAC;CAG7C,YACQ,sBAAsB,aAAa,SACnC;EACJ,iBAAiB,WAAW,aAAa;CAC3C,GACA,EAAE,WAAW,KAAK,CACpB;CAEA,YACQ;EACJ,MAAM,kBAAkB,MAAM,aAAa,KAAK;EAGhD,MAAM,kBAAkB,MAAM,aAAa,KAAK;EAIhD,IAAI,CAAC,iBACH,OAAO,CAAC;EAGV,MAAM,mBAAmC,CAAC;EAE1C,KAAK,MAAM,OAAO,OAAO,KAAK,MAAM,YAAY,GAAG;GACjD,IAAI,EAAE,OAAO,oBAAoB,kBAAkB,SAAS,QAC1D;GAKF,iBAAiB,KAAK,gBAAgB,IAAI;EAC5C;EAEA,OAAO;CACT,IACC,qBAAqB;EACpB,IAAI,iBAAiB,SAAS,GAC5B,iBAAiB,WAAW,aAAa;CAE7C,GACA,EAAE,WAAW,KAAK,CACpB;CAEA,MAAM,aAAa,UAEb;EACJ,OAAO,MAAM,SAAS,MAAM,KAAyC;CACvE;CAEA,OAAO;AACT"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/vue-table",
-  "version": "9.0.0-beta.31",
+  "version": "9.0.0-beta.34",
   "description": "Headless UI for building powerful tables & datagrids for Vue.",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -30,6 +30,10 @@
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
+    "./experimental-worker-plugin": {
+      "import": "./dist/experimental-worker-plugin.js",
+      "require": "./dist/experimental-worker-plugin.cjs"
+    },
     "./flex-render": {
       "import": "./dist/flex-render.js",
       "require": "./dist/flex-render.cjs"
@@ -42,7 +46,7 @@
   },
   "sideEffects": false,
   "engines": {
-    "node": ">=16"
+    "node": ">=20"
   },
   "files": [
     "dist",
@@ -51,7 +55,7 @@
   ],
   "dependencies": {
     "@tanstack/store": "^0.11.0",
-    "@tanstack/table-core": "9.0.0-beta.31"
+    "@tanstack/table-core": "9.0.0-beta.34"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.7",

package/src/experimental-worker-plugin.ts

@@ -0,0 +1 @@
+export * from '@tanstack/table-core/experimental-worker-plugin'