@tanstack/vue-table 9.0.0-alpha.49 → 9.0.0-alpha.51

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'\nimport type {\n  Cell,\n  CellData,\n  Header,\n  RowData,\n  TableFeatures,\n} from '@tanstack/table-core'\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<Cell<any, any, any>>,\n      default: undefined,\n    },\n    header: {\n      type: Object as PropType<Header<any, any, any>>,\n      default: undefined,\n    },\n    footer: {\n      type: Object as PropType<Header<any, any, any>>,\n      default: undefined,\n    },\n  },\n  setup: (props: {\n    render?: any\n    props?: any\n    cell?: Cell<any, any, any>\n    header?: Header<any, any, any>\n    footer?: Header<any, any, any>\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":";;;;;;;AAcA,SAAgB,WAAW,QAAa,OAAiB;CACvD,IAAI,OAAO,WAAW,YAAY;EAChC,MAAM,WAAW,OAAO,MAAM;EAE9B,qBAAY,SAAS,EACnB,OAAO;EAGT,IAAI,OAAO,aAAa,cAAc,OAAO,aAAa,UACxD,kBAAS,UAAU,MAAM;EAG3B,OAAO;;CAGT,IAAI,OAAO,WAAW,UACpB,kBAAS,QAAQ,MAAM;CAGzB,OAAO;;;;;;;;;;;;;;;;;AAkBT,MAAa,sCAA6B;CACxC,OAAO;EACL,QAAQ;GACN,MAAM;IAAC;IAAU;IAAQ;IAAO;GAChC,SAAS;GACV;EACD,OAAO;GACL,MAAM;GACN,SAAS;GACV;EACD,MAAM;GACJ,MAAM;GACN,SAAS;GACV;EACD,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EACD,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EACF;CACD,QAAQ,UAMF;EACJ,aAAa;GAEX,IAAI,MAAM,MAAM;;IACd,MAAM,OAAO,MAAM;IACnB,MAAM,MAAM,KAAK,OAAO;IAUxB,6BAAI,KAAK,yGAAmB,EAC1B,OAAO,WAAW,IAAI,kBAAkB,IAAI,MAAM,KAAK,YAAY,CAAC;IAEtE,6BAAI,KAAK,0GAAoB,EAC3B,OAAO;IAET,OAAO,WAAW,IAAI,MAAM,KAAK,YAAY,CAAC;;GAGhD,IAAI,MAAM,QACR,OAAO,WACL,MAAM,OAAO,OAAO,UAAU,QAC9B,MAAM,OAAO,YAAY,CAC1B;GAGH,IAAI,MAAM,QACR,OAAO,WACL,MAAM,OAAO,OAAO,UAAU,QAC9B,MAAM,OAAO,YAAY,CAC1B;GAIH,OAAO,WAAW,MAAM,QAAQ,MAAM,MAAM;;;CAGjD,CAAC"}
+{"version":3,"file":"FlexRender.cjs","names":[],"sources":["../src/FlexRender.ts"],"sourcesContent":["import { defineComponent, h, isVNode } from 'vue'\nimport type { PropType } from 'vue'\nimport type {\n  Cell,\n  CellData,\n  Header,\n  RowData,\n  TableFeatures,\n} from '@tanstack/table-core'\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<Cell<any, any, any>>,\n      default: undefined,\n    },\n    header: {\n      type: Object as PropType<Header<any, any, any>>,\n      default: undefined,\n    },\n    footer: {\n      type: Object as PropType<Header<any, any, any>>,\n      default: undefined,\n    },\n  },\n  setup: (props: {\n    render?: any\n    props?: any\n    cell?: Cell<any, any, any>\n    header?: Header<any, any, any>\n    footer?: Header<any, any, any>\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":";;;;;;;AAcA,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"}

package/dist/FlexRender.d.cts

@@ -1,4 +1,3 @@
-import * as _$vue from "vue";
 import { Cell, Header } from "@tanstack/table-core";
 
 //#region src/FlexRender.d.ts
@@ -22,13 +21,13 @@ declare function flexRender(render: any, props: any): any;
  * <FlexRender :render="cell.column.columnDef.cell" :props="cell.getContext()" />
  * ```
  */
-declare const FlexRender: _$vue.DefineComponent<{
+declare const FlexRender: import("vue").DefineComponent<{
   render?: any;
   props?: any;
   cell?: Cell<any, any, any>;
   header?: Header<any, any, any>;
   footer?: Header<any, any, any>;
-}, () => any, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{
+}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
   render?: any;
   props?: any;
   cell?: Cell<any, any, any>;
@@ -40,7 +39,7 @@ declare const FlexRender: _$vue.DefineComponent<{
   cell: any;
   header: any;
   footer: any;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { FlexRender, flexRender };
 //# sourceMappingURL=FlexRender.d.cts.map

package/dist/FlexRender.d.ts

@@ -1,4 +1,3 @@
-import * as _$vue from "vue";
 import { Cell, Header } from "@tanstack/table-core";
 
 //#region src/FlexRender.d.ts
@@ -22,13 +21,13 @@ declare function flexRender(render: any, props: any): any;
  * <FlexRender :render="cell.column.columnDef.cell" :props="cell.getContext()" />
  * ```
  */
-declare const FlexRender: _$vue.DefineComponent<{
+declare const FlexRender: import("vue").DefineComponent<{
   render?: any;
   props?: any;
   cell?: Cell<any, any, any>;
   header?: Header<any, any, any>;
   footer?: Header<any, any, any>;
-}, () => any, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{
+}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
   render?: any;
   props?: any;
   cell?: Cell<any, any, any>;
@@ -40,7 +39,7 @@ declare const FlexRender: _$vue.DefineComponent<{
   cell: any;
   header: any;
   footer: any;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { FlexRender, flexRender };
 //# sourceMappingURL=FlexRender.d.ts.map

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'\nimport type {\n  Cell,\n  CellData,\n  Header,\n  RowData,\n  TableFeatures,\n} from '@tanstack/table-core'\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<Cell<any, any, any>>,\n      default: undefined,\n    },\n    header: {\n      type: Object as PropType<Header<any, any, any>>,\n      default: undefined,\n    },\n    footer: {\n      type: Object as PropType<Header<any, any, any>>,\n      default: undefined,\n    },\n  },\n  setup: (props: {\n    render?: any\n    props?: any\n    cell?: Cell<any, any, any>\n    header?: Header<any, any, any>\n    footer?: Header<any, any, any>\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":";;;;;;;AAcA,SAAgB,WAAW,QAAa,OAAiB;CACvD,IAAI,OAAO,WAAW,YAAY;EAChC,MAAM,WAAW,OAAO,MAAM;EAE9B,IAAI,QAAQ,SAAS,EACnB,OAAO;EAGT,IAAI,OAAO,aAAa,cAAc,OAAO,aAAa,UACxD,OAAO,EAAE,UAAU,MAAM;EAG3B,OAAO;;CAGT,IAAI,OAAO,WAAW,UACpB,OAAO,EAAE,QAAQ,MAAM;CAGzB,OAAO;;;;;;;;;;;;;;;;;AAkBT,MAAa,aAAa,gBAAgB;CACxC,OAAO;EACL,QAAQ;GACN,MAAM;IAAC;IAAU;IAAQ;IAAO;GAChC,SAAS;GACV;EACD,OAAO;GACL,MAAM;GACN,SAAS;GACV;EACD,MAAM;GACJ,MAAM;GACN,SAAS;GACV;EACD,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EACD,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EACF;CACD,QAAQ,UAMF;EACJ,aAAa;GAEX,IAAI,MAAM,MAAM;;IACd,MAAM,OAAO,MAAM;IACnB,MAAM,MAAM,KAAK,OAAO;IAUxB,6BAAI,KAAK,yGAAmB,EAC1B,OAAO,WAAW,IAAI,kBAAkB,IAAI,MAAM,KAAK,YAAY,CAAC;IAEtE,6BAAI,KAAK,0GAAoB,EAC3B,OAAO;IAET,OAAO,WAAW,IAAI,MAAM,KAAK,YAAY,CAAC;;GAGhD,IAAI,MAAM,QACR,OAAO,WACL,MAAM,OAAO,OAAO,UAAU,QAC9B,MAAM,OAAO,YAAY,CAC1B;GAGH,IAAI,MAAM,QACR,OAAO,WACL,MAAM,OAAO,OAAO,UAAU,QAC9B,MAAM,OAAO,YAAY,CAC1B;GAIH,OAAO,WAAW,MAAM,QAAQ,MAAM,MAAM;;;CAGjD,CAAC"}
+{"version":3,"file":"FlexRender.js","names":[],"sources":["../src/FlexRender.ts"],"sourcesContent":["import { defineComponent, h, isVNode } from 'vue'\nimport type { PropType } from 'vue'\nimport type {\n  Cell,\n  CellData,\n  Header,\n  RowData,\n  TableFeatures,\n} from '@tanstack/table-core'\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<Cell<any, any, any>>,\n      default: undefined,\n    },\n    header: {\n      type: Object as PropType<Header<any, any, any>>,\n      default: undefined,\n    },\n    footer: {\n      type: Object as PropType<Header<any, any, any>>,\n      default: undefined,\n    },\n  },\n  setup: (props: {\n    render?: any\n    props?: any\n    cell?: Cell<any, any, any>\n    header?: Header<any, any, any>\n    footer?: Header<any, any, any>\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":";;;;;;;AAcA,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"}

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 { useSelector } from '@tanstack/vue-store'\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 { 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  TFeatures extends TableFeatures,\n  TSelected = unknown,\n> {\n  selector?: (state: TableState<TFeatures>) => TSelected\n}\n\nexport interface AppCellProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n  TSelected = unknown,\n> {\n  cell: Cell<TFeatures, TData, TValue>\n  selector?: (state: TableState<TFeatures>) => TSelected\n}\n\nexport interface AppHeaderProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n  TSelected = unknown,\n> {\n  header: Header<TFeatures, TData, TValue>\n  selector?: (state: TableState<TFeatures>) => TSelected\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, TSelected> &\n  NoInfer<TTableComponents> & {\n    AppTable: Component<AppTableProps<TFeatures>>\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 const AppFlexRender = defineComponent({\n  name: 'TableFlexRender',\n  props: {\n    cell: {\n      type: Object as PropType<Cell<any, any, any>>,\n      default: undefined,\n    },\n    header: {\n      type: Object as PropType<Header<any, any, any>>,\n      default: undefined,\n    },\n    footer: {\n      type: Object as PropType<Header<any, any, any>>,\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 *   _rowModels: {},\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>) {\n  const TableContext = Symbol('TableContext') as InjectionKey<\n    VueTable<TFeatures, any, 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>(): VueTable<\n    TFeatures,\n    TData\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    return table as VueTable<TFeatures, TData>\n  }\n\n  function useCellContext<TValue extends CellData = CellData>(): Cell<\n    TFeatures,\n    any,\n    TValue\n  > {\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    return cell as Cell<TFeatures, any, TValue>\n  }\n\n  function useHeaderContext<TValue extends CellData = CellData>(): Header<\n    TFeatures,\n    any,\n    TValue\n  > {\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    return header as Header<TFeatures, any, TValue>\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<\n    TData extends RowData,\n    TSelected = TableState<TFeatures>,\n  >(\n    tableOptions: Omit<\n      TableOptionsWithReactiveData<TFeatures, TData>,\n      '_features' | '_rowModels'\n    >,\n    selector?: (state: TableState<TFeatures>) => TSelected,\n  ): AppVueTable<\n    TFeatures,\n    TData,\n    TSelected,\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, TSelected>(mergedOptions, selector)\n\n    const AppTable = defineComponent({\n      name: 'AppTable',\n      props: {\n        selector: {\n          type: Function as PropType<(state: TableState<TFeatures>) => unknown>,\n          default: undefined,\n        },\n      },\n      setup(props, { slots }) {\n        provide(TableContext, table)\n        const selected = props.selector\n          ? useSelector(table.store, props.selector)\n          : undefined\n\n        return () => {\n          if (!props.selector) {\n            return slots.default?.()\n          }\n\n          return slots.default?.({ state: selected?.value })\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        selector: {\n          type: Function as PropType<(state: TableState<TFeatures>) => unknown>,\n          default: undefined,\n        },\n      },\n      setup(props, { slots }) {\n        const cell = props.cell as Cell<TFeatures, TData, any>\n\n        provide(CellContext, cell)\n\n        const selected = props.selector\n          ? useSelector(table.store, props.selector)\n          : undefined\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?.(\n            props.selector\n              ? { cell: extendedCell, state: selected?.value }\n              : { cell: extendedCell },\n          )\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        selector: {\n          type: Function as PropType<(state: TableState<TFeatures>) => unknown>,\n          default: undefined,\n        },\n      },\n      setup(props, { slots }) {\n        const header = props.header as Header<TFeatures, TData, any>\n\n        provide(HeaderContext, header)\n\n        const selected = props.selector\n          ? useSelector(table.store, props.selector)\n          : undefined\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?.(\n            props.selector\n              ? { header: extendedHeader, state: selected?.value }\n              : { header: extendedHeader },\n          )\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        selector: {\n          type: Function as PropType<(state: TableState<TFeatures>) => unknown>,\n          default: undefined,\n        },\n      },\n      setup(props, { slots }) {\n        const header = props.header as Header<TFeatures, TData, any>\n\n        provide(HeaderContext, header)\n\n        const selected = props.selector\n          ? useSelector(table.store, props.selector)\n          : undefined\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?.(\n            props.selector\n              ? { header: extendedHeader, state: selected?.value }\n              : { header: extendedHeader },\n          )\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      TSelected,\n      TTableComponents,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  return {\n    appFeatures: defaultTableOptions._features as TFeatures,\n    createAppColumnHelper,\n    useAppTable,\n    useTableContext,\n    useCellContext,\n    useHeaderContext,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"createTableHook.cjs","names":["FlexRender","useTable","mergeProxy"],"sources":["../src/createTableHook.ts"],"sourcesContent":["import { createColumnHelper as coreCreateColumnHelper } from '@tanstack/table-core'\nimport { useSelector } from '@tanstack/vue-store'\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 { 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  TFeatures extends TableFeatures,\n  TSelected = unknown,\n> {\n  selector?: (state: TableState<TFeatures>) => TSelected\n}\n\nexport interface AppCellProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n  TSelected = unknown,\n> {\n  cell: Cell<TFeatures, TData, TValue>\n  selector?: (state: TableState<TFeatures>) => TSelected\n}\n\nexport interface AppHeaderProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n  TSelected = unknown,\n> {\n  header: Header<TFeatures, TData, TValue>\n  selector?: (state: TableState<TFeatures>) => TSelected\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, TSelected> &\n  NoInfer<TTableComponents> & {\n    AppTable: Component<AppTableProps<TFeatures>>\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 const AppFlexRender = defineComponent({\n  name: 'TableFlexRender',\n  props: {\n    cell: {\n      type: Object as PropType<Cell<any, any, any>>,\n      default: undefined,\n    },\n    header: {\n      type: Object as PropType<Header<any, any, any>>,\n      default: undefined,\n    },\n    footer: {\n      type: Object as PropType<Header<any, any, any>>,\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 *   _rowModels: {},\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>) {\n  const TableContext = Symbol('TableContext') as InjectionKey<\n    VueTable<TFeatures, any, 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>(): VueTable<\n    TFeatures,\n    TData\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    return table as VueTable<TFeatures, TData>\n  }\n\n  function useCellContext<TValue extends CellData = CellData>(): Cell<\n    TFeatures,\n    any,\n    TValue\n  > {\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    return cell as Cell<TFeatures, any, TValue>\n  }\n\n  function useHeaderContext<TValue extends CellData = CellData>(): Header<\n    TFeatures,\n    any,\n    TValue\n  > {\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    return header as Header<TFeatures, any, TValue>\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<\n    TData extends RowData,\n    TSelected = TableState<TFeatures>,\n  >(\n    tableOptions: Omit<\n      TableOptionsWithReactiveData<TFeatures, TData>,\n      '_features' | '_rowModels'\n    >,\n    selector?: (state: TableState<TFeatures>) => TSelected,\n  ): AppVueTable<\n    TFeatures,\n    TData,\n    TSelected,\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, TSelected>(mergedOptions, selector)\n\n    const AppTable = defineComponent({\n      name: 'AppTable',\n      props: {\n        selector: {\n          type: Function as PropType<(state: TableState<TFeatures>) => unknown>,\n          default: undefined,\n        },\n      },\n      setup(props, { slots }) {\n        provide(TableContext, table)\n        const selected = props.selector\n          ? useSelector(table.store, props.selector)\n          : undefined\n\n        return () => {\n          if (!props.selector) {\n            return slots.default?.()\n          }\n\n          return slots.default?.({ state: selected?.value })\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        selector: {\n          type: Function as PropType<(state: TableState<TFeatures>) => unknown>,\n          default: undefined,\n        },\n      },\n      setup(props, { slots }) {\n        const cell = props.cell as Cell<TFeatures, TData, any>\n\n        provide(CellContext, cell)\n\n        const selected = props.selector\n          ? useSelector(table.store, props.selector)\n          : undefined\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?.(\n            props.selector\n              ? { cell: extendedCell, state: selected?.value }\n              : { cell: extendedCell },\n          )\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        selector: {\n          type: Function as PropType<(state: TableState<TFeatures>) => unknown>,\n          default: undefined,\n        },\n      },\n      setup(props, { slots }) {\n        const header = props.header as Header<TFeatures, TData, any>\n\n        provide(HeaderContext, header)\n\n        const selected = props.selector\n          ? useSelector(table.store, props.selector)\n          : undefined\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?.(\n            props.selector\n              ? { header: extendedHeader, state: selected?.value }\n              : { header: extendedHeader },\n          )\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        selector: {\n          type: Function as PropType<(state: TableState<TFeatures>) => unknown>,\n          default: undefined,\n        },\n      },\n      setup(props, { slots }) {\n        const header = props.header as Header<TFeatures, TData, any>\n\n        provide(HeaderContext, header)\n\n        const selected = props.selector\n          ? useSelector(table.store, props.selector)\n          : undefined\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?.(\n            props.selector\n              ? { header: extendedHeader, state: selected?.value }\n              : { header: extendedHeader },\n          )\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      TSelected,\n      TTableComponents,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  return {\n    appFeatures: defaultTableOptions._features as TFeatures,\n    createAppColumnHelper,\n    useAppTable,\n    useTableContext,\n    useCellContext,\n    useHeaderContext,\n  }\n}\n"],"mappings":"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"}

package/dist/createTableHook.d.cts

@@ -1,7 +1,6 @@
 import { TableOptionsWithReactiveData, VueTable } from "./useTable.cjs";
-import * as _$vue from "vue";
-import { Component, PropType } from "vue";
 import { AccessorFn, AccessorFnColumnDef, AccessorKeyColumnDef, Cell, CellContext, CellData, Column, ColumnDef, DeepKeys, DeepValue, DisplayColumnDef, GroupColumnDef, Header, IdentifiedColumnDef, NoInfer, Row, RowData, Table, TableFeatures, TableState } from "@tanstack/table-core";
+import { Component, PropType } from "vue";
 
 //#region src/createTableHook.d.ts
 type ComponentType<T extends Record<string, any>> = Component<T>;
@@ -70,7 +69,7 @@ type AppVueTable<TFeatures extends TableFeatures, TData extends RowData, TSelect
   AppFooter: Component<AppHeaderProps<TFeatures, TData>>;
   FlexRender: typeof AppFlexRender;
 };
-declare const AppFlexRender: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
+declare const AppFlexRender: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   cell: {
     type: PropType<Cell<any, any, any>>;
     default: undefined;
@@ -83,9 +82,9 @@ declare const AppFlexRender: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     type: PropType<Header<any, any, any>>;
     default: undefined;
   };
-}>, () => _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
-}> | null, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   cell: {
     type: PropType<Cell<any, any, any>>;
     default: undefined;
@@ -102,7 +101,7 @@ declare const AppFlexRender: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   cell: any;
   header: any;
   footer: any;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 /**
  * Creates app-scoped Vue table helpers with features, row models, and
  * renderable component maps pre-bound.

package/dist/createTableHook.d.ts

@@ -1,5 +1,4 @@
 import { TableOptionsWithReactiveData, VueTable } from "./useTable.js";
-import * as _$vue from "vue";
 import { Component, PropType } from "vue";
 import { AccessorFn, AccessorFnColumnDef, AccessorKeyColumnDef, Cell, CellContext, CellData, Column, ColumnDef, DeepKeys, DeepValue, DisplayColumnDef, GroupColumnDef, Header, IdentifiedColumnDef, NoInfer, Row, RowData, Table, TableFeatures, TableState } from "@tanstack/table-core";
 
@@ -70,7 +69,7 @@ type AppVueTable<TFeatures extends TableFeatures, TData extends RowData, TSelect
   AppFooter: Component<AppHeaderProps<TFeatures, TData>>;
   FlexRender: typeof AppFlexRender;
 };
-declare const AppFlexRender: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
+declare const AppFlexRender: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   cell: {
     type: PropType<Cell<any, any, any>>;
     default: undefined;
@@ -83,9 +82,9 @@ declare const AppFlexRender: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     type: PropType<Header<any, any, any>>;
     default: undefined;
   };
-}>, () => _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
-}> | null, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   cell: {
     type: PropType<Cell<any, any, any>>;
     default: undefined;
@@ -102,7 +101,7 @@ declare const AppFlexRender: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   cell: any;
   header: any;
   footer: any;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 /**
  * Creates app-scoped Vue table helpers with features, row models, and
  * renderable component maps pre-bound.

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 { useSelector } from '@tanstack/vue-store'\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 { 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  TFeatures extends TableFeatures,\n  TSelected = unknown,\n> {\n  selector?: (state: TableState<TFeatures>) => TSelected\n}\n\nexport interface AppCellProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n  TSelected = unknown,\n> {\n  cell: Cell<TFeatures, TData, TValue>\n  selector?: (state: TableState<TFeatures>) => TSelected\n}\n\nexport interface AppHeaderProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n  TSelected = unknown,\n> {\n  header: Header<TFeatures, TData, TValue>\n  selector?: (state: TableState<TFeatures>) => TSelected\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, TSelected> &\n  NoInfer<TTableComponents> & {\n    AppTable: Component<AppTableProps<TFeatures>>\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 const AppFlexRender = defineComponent({\n  name: 'TableFlexRender',\n  props: {\n    cell: {\n      type: Object as PropType<Cell<any, any, any>>,\n      default: undefined,\n    },\n    header: {\n      type: Object as PropType<Header<any, any, any>>,\n      default: undefined,\n    },\n    footer: {\n      type: Object as PropType<Header<any, any, any>>,\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 *   _rowModels: {},\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>) {\n  const TableContext = Symbol('TableContext') as InjectionKey<\n    VueTable<TFeatures, any, 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>(): VueTable<\n    TFeatures,\n    TData\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    return table as VueTable<TFeatures, TData>\n  }\n\n  function useCellContext<TValue extends CellData = CellData>(): Cell<\n    TFeatures,\n    any,\n    TValue\n  > {\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    return cell as Cell<TFeatures, any, TValue>\n  }\n\n  function useHeaderContext<TValue extends CellData = CellData>(): Header<\n    TFeatures,\n    any,\n    TValue\n  > {\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    return header as Header<TFeatures, any, TValue>\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<\n    TData extends RowData,\n    TSelected = TableState<TFeatures>,\n  >(\n    tableOptions: Omit<\n      TableOptionsWithReactiveData<TFeatures, TData>,\n      '_features' | '_rowModels'\n    >,\n    selector?: (state: TableState<TFeatures>) => TSelected,\n  ): AppVueTable<\n    TFeatures,\n    TData,\n    TSelected,\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, TSelected>(mergedOptions, selector)\n\n    const AppTable = defineComponent({\n      name: 'AppTable',\n      props: {\n        selector: {\n          type: Function as PropType<(state: TableState<TFeatures>) => unknown>,\n          default: undefined,\n        },\n      },\n      setup(props, { slots }) {\n        provide(TableContext, table)\n        const selected = props.selector\n          ? useSelector(table.store, props.selector)\n          : undefined\n\n        return () => {\n          if (!props.selector) {\n            return slots.default?.()\n          }\n\n          return slots.default?.({ state: selected?.value })\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        selector: {\n          type: Function as PropType<(state: TableState<TFeatures>) => unknown>,\n          default: undefined,\n        },\n      },\n      setup(props, { slots }) {\n        const cell = props.cell as Cell<TFeatures, TData, any>\n\n        provide(CellContext, cell)\n\n        const selected = props.selector\n          ? useSelector(table.store, props.selector)\n          : undefined\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?.(\n            props.selector\n              ? { cell: extendedCell, state: selected?.value }\n              : { cell: extendedCell },\n          )\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        selector: {\n          type: Function as PropType<(state: TableState<TFeatures>) => unknown>,\n          default: undefined,\n        },\n      },\n      setup(props, { slots }) {\n        const header = props.header as Header<TFeatures, TData, any>\n\n        provide(HeaderContext, header)\n\n        const selected = props.selector\n          ? useSelector(table.store, props.selector)\n          : undefined\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?.(\n            props.selector\n              ? { header: extendedHeader, state: selected?.value }\n              : { header: extendedHeader },\n          )\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        selector: {\n          type: Function as PropType<(state: TableState<TFeatures>) => unknown>,\n          default: undefined,\n        },\n      },\n      setup(props, { slots }) {\n        const header = props.header as Header<TFeatures, TData, any>\n\n        provide(HeaderContext, header)\n\n        const selected = props.selector\n          ? useSelector(table.store, props.selector)\n          : undefined\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?.(\n            props.selector\n              ? { header: extendedHeader, state: selected?.value }\n              : { header: extendedHeader },\n          )\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      TSelected,\n      TTableComponents,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  return {\n    appFeatures: defaultTableOptions._features as TFeatures,\n    createAppColumnHelper,\n    useAppTable,\n    useTableContext,\n    useCellContext,\n    useHeaderContext,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"createTableHook.js","names":["coreCreateColumnHelper"],"sources":["../src/createTableHook.ts"],"sourcesContent":["import { createColumnHelper as coreCreateColumnHelper } from '@tanstack/table-core'\nimport { useSelector } from '@tanstack/vue-store'\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 { 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  TFeatures extends TableFeatures,\n  TSelected = unknown,\n> {\n  selector?: (state: TableState<TFeatures>) => TSelected\n}\n\nexport interface AppCellProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n  TSelected = unknown,\n> {\n  cell: Cell<TFeatures, TData, TValue>\n  selector?: (state: TableState<TFeatures>) => TSelected\n}\n\nexport interface AppHeaderProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n  TSelected = unknown,\n> {\n  header: Header<TFeatures, TData, TValue>\n  selector?: (state: TableState<TFeatures>) => TSelected\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, TSelected> &\n  NoInfer<TTableComponents> & {\n    AppTable: Component<AppTableProps<TFeatures>>\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 const AppFlexRender = defineComponent({\n  name: 'TableFlexRender',\n  props: {\n    cell: {\n      type: Object as PropType<Cell<any, any, any>>,\n      default: undefined,\n    },\n    header: {\n      type: Object as PropType<Header<any, any, any>>,\n      default: undefined,\n    },\n    footer: {\n      type: Object as PropType<Header<any, any, any>>,\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 *   _rowModels: {},\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>) {\n  const TableContext = Symbol('TableContext') as InjectionKey<\n    VueTable<TFeatures, any, 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>(): VueTable<\n    TFeatures,\n    TData\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    return table as VueTable<TFeatures, TData>\n  }\n\n  function useCellContext<TValue extends CellData = CellData>(): Cell<\n    TFeatures,\n    any,\n    TValue\n  > {\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    return cell as Cell<TFeatures, any, TValue>\n  }\n\n  function useHeaderContext<TValue extends CellData = CellData>(): Header<\n    TFeatures,\n    any,\n    TValue\n  > {\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    return header as Header<TFeatures, any, TValue>\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<\n    TData extends RowData,\n    TSelected = TableState<TFeatures>,\n  >(\n    tableOptions: Omit<\n      TableOptionsWithReactiveData<TFeatures, TData>,\n      '_features' | '_rowModels'\n    >,\n    selector?: (state: TableState<TFeatures>) => TSelected,\n  ): AppVueTable<\n    TFeatures,\n    TData,\n    TSelected,\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, TSelected>(mergedOptions, selector)\n\n    const AppTable = defineComponent({\n      name: 'AppTable',\n      props: {\n        selector: {\n          type: Function as PropType<(state: TableState<TFeatures>) => unknown>,\n          default: undefined,\n        },\n      },\n      setup(props, { slots }) {\n        provide(TableContext, table)\n        const selected = props.selector\n          ? useSelector(table.store, props.selector)\n          : undefined\n\n        return () => {\n          if (!props.selector) {\n            return slots.default?.()\n          }\n\n          return slots.default?.({ state: selected?.value })\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        selector: {\n          type: Function as PropType<(state: TableState<TFeatures>) => unknown>,\n          default: undefined,\n        },\n      },\n      setup(props, { slots }) {\n        const cell = props.cell as Cell<TFeatures, TData, any>\n\n        provide(CellContext, cell)\n\n        const selected = props.selector\n          ? useSelector(table.store, props.selector)\n          : undefined\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?.(\n            props.selector\n              ? { cell: extendedCell, state: selected?.value }\n              : { cell: extendedCell },\n          )\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        selector: {\n          type: Function as PropType<(state: TableState<TFeatures>) => unknown>,\n          default: undefined,\n        },\n      },\n      setup(props, { slots }) {\n        const header = props.header as Header<TFeatures, TData, any>\n\n        provide(HeaderContext, header)\n\n        const selected = props.selector\n          ? useSelector(table.store, props.selector)\n          : undefined\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?.(\n            props.selector\n              ? { header: extendedHeader, state: selected?.value }\n              : { header: extendedHeader },\n          )\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        selector: {\n          type: Function as PropType<(state: TableState<TFeatures>) => unknown>,\n          default: undefined,\n        },\n      },\n      setup(props, { slots }) {\n        const header = props.header as Header<TFeatures, TData, any>\n\n        provide(HeaderContext, header)\n\n        const selected = props.selector\n          ? useSelector(table.store, props.selector)\n          : undefined\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?.(\n            props.selector\n              ? { header: extendedHeader, state: selected?.value }\n              : { header: extendedHeader },\n          )\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      TSelected,\n      TTableComponents,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  return {\n    appFeatures: defaultTableOptions._features as TFeatures,\n    createAppColumnHelper,\n    useAppTable,\n    useTableContext,\n    useCellContext,\n    useHeaderContext,\n  }\n}\n"],"mappings":"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"}

package/dist/merge-proxy.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"merge-proxy.cjs","names":[],"sources":["../src/merge-proxy.ts"],"sourcesContent":["function trueFn() {\n  return true\n}\n\nconst $PROXY = Symbol('merge-proxy')\nconst $SOURCES = Symbol('merge-proxy-sources')\n\n// https://github.com/solidjs/solid/blob/c20ca4fd8c36bc0522fedb2c7f38a110b7ee2663/packages/solid/src/render/component.ts#L51-L118\nconst propTraps: ProxyHandler<{\n  get: (k: string | number | symbol) => any\n  has: (k: string | number | symbol) => boolean\n  keys: () => Array<string>\n  sources: Array<any>\n}> = {\n  get(_, property, receiver) {\n    if (property === $PROXY) return receiver\n    if (property === $SOURCES) return _.sources\n    return _.get(property)\n  },\n  has(_, property) {\n    return _.has(property)\n  },\n  set: trueFn,\n  deleteProperty: trueFn,\n  getOwnPropertyDescriptor(_, property) {\n    return {\n      configurable: true,\n      enumerable: true,\n      get() {\n        return _.get(property)\n      },\n      set: trueFn,\n      deleteProperty: trueFn,\n    }\n  },\n  ownKeys(_) {\n    return _.keys()\n  },\n}\n\ntype UnboxLazy<T> = T extends () => infer U ? U : T\ntype BoxedTupleTypes<T extends Array<any>> = {\n  [P in keyof T]: [UnboxLazy<T[P]>]\n}[Exclude<keyof T, keyof Array<any>>]\ntype UnionToIntersection<T> = (T extends any ? (k: T) => void : never) extends (\n  k: infer I,\n) => void\n  ? I\n  : never\ntype UnboxIntersection<T> = T extends { 0: infer U } ? U : never\ntype MergeProxy<T extends Array<any>> = UnboxIntersection<\n  UnionToIntersection<BoxedTupleTypes<T>>\n>\n\nfunction resolveSource(s: any) {\n  return 'value' in s ? s.value : s\n}\n\nexport function mergeProxy<T extends Array<any>>(...sources: T): MergeProxy<T>\nexport function mergeProxy(...sources: any): any {\n  const flattenedSources = sources.flatMap((source: any) => {\n    if (\n      typeof source === 'object' &&\n      source !== null &&\n      $SOURCES in source &&\n      Array.isArray(source[$SOURCES])\n    ) {\n      return source[$SOURCES]\n    }\n\n    return [source]\n  })\n\n  return new Proxy(\n    {\n      sources: flattenedSources,\n      get(property: string | number | symbol) {\n        for (let i = flattenedSources.length - 1; i >= 0; i--) {\n          const v = resolveSource(flattenedSources[i])[property]\n          if (v !== undefined) return v\n        }\n      },\n      has(property: string | number | symbol) {\n        for (let i = flattenedSources.length - 1; i >= 0; i--) {\n          if (property in resolveSource(flattenedSources[i])) return true\n        }\n        return false\n      },\n      keys() {\n        const keys = []\n        for (const source of flattenedSources)\n          keys.push(...Object.keys(resolveSource(source)))\n        return [...Array.from(new Set(keys))]\n      },\n    },\n    propTraps,\n  )\n}\n"],"mappings":";;AAAA,SAAS,SAAS;CAChB,OAAO;;AAGT,MAAM,SAAS,OAAO,cAAc;AACpC,MAAM,WAAW,OAAO,sBAAsB;AAG9C,MAAM,YAKD;CACH,IAAI,GAAG,UAAU,UAAU;EACzB,IAAI,aAAa,QAAQ,OAAO;EAChC,IAAI,aAAa,UAAU,OAAO,EAAE;EACpC,OAAO,EAAE,IAAI,SAAS;;CAExB,IAAI,GAAG,UAAU;EACf,OAAO,EAAE,IAAI,SAAS;;CAExB,KAAK;CACL,gBAAgB;CAChB,yBAAyB,GAAG,UAAU;EACpC,OAAO;GACL,cAAc;GACd,YAAY;GACZ,MAAM;IACJ,OAAO,EAAE,IAAI,SAAS;;GAExB,KAAK;GACL,gBAAgB;GACjB;;CAEH,QAAQ,GAAG;EACT,OAAO,EAAE,MAAM;;CAElB;AAgBD,SAAS,cAAc,GAAQ;CAC7B,OAAO,WAAW,IAAI,EAAE,QAAQ;;AAIlC,SAAgB,WAAW,GAAG,SAAmB;CAC/C,MAAM,mBAAmB,QAAQ,SAAS,WAAgB;EACxD,IACE,OAAO,WAAW,YAClB,WAAW,QACX,YAAY,UACZ,MAAM,QAAQ,OAAO,UAAU,EAE/B,OAAO,OAAO;EAGhB,OAAO,CAAC,OAAO;GACf;CAEF,OAAO,IAAI,MACT;EACE,SAAS;EACT,IAAI,UAAoC;GACtC,KAAK,IAAI,IAAI,iBAAiB,SAAS,GAAG,KAAK,GAAG,KAAK;IACrD,MAAM,IAAI,cAAc,iBAAiB,GAAG,CAAC;IAC7C,IAAI,MAAM,QAAW,OAAO;;;EAGhC,IAAI,UAAoC;GACtC,KAAK,IAAI,IAAI,iBAAiB,SAAS,GAAG,KAAK,GAAG,KAChD,IAAI,YAAY,cAAc,iBAAiB,GAAG,EAAE,OAAO;GAE7D,OAAO;;EAET,OAAO;GACL,MAAM,OAAO,EAAE;GACf,KAAK,MAAM,UAAU,kBACnB,KAAK,KAAK,GAAG,OAAO,KAAK,cAAc,OAAO,CAAC,CAAC;GAClD,OAAO,CAAC,GAAG,MAAM,KAAK,IAAI,IAAI,KAAK,CAAC,CAAC;;EAExC,EACD,UACD"}
+{"version":3,"file":"merge-proxy.cjs","names":[],"sources":["../src/merge-proxy.ts"],"sourcesContent":["function trueFn() {\n  return true\n}\n\nconst $PROXY = Symbol('merge-proxy')\nconst $SOURCES = Symbol('merge-proxy-sources')\n\n// https://github.com/solidjs/solid/blob/c20ca4fd8c36bc0522fedb2c7f38a110b7ee2663/packages/solid/src/render/component.ts#L51-L118\nconst propTraps: ProxyHandler<{\n  get: (k: string | number | symbol) => any\n  has: (k: string | number | symbol) => boolean\n  keys: () => Array<string>\n  sources: Array<any>\n}> = {\n  get(_, property, receiver) {\n    if (property === $PROXY) return receiver\n    if (property === $SOURCES) return _.sources\n    return _.get(property)\n  },\n  has(_, property) {\n    return _.has(property)\n  },\n  set: trueFn,\n  deleteProperty: trueFn,\n  getOwnPropertyDescriptor(_, property) {\n    return {\n      configurable: true,\n      enumerable: true,\n      get() {\n        return _.get(property)\n      },\n      set: trueFn,\n      deleteProperty: trueFn,\n    }\n  },\n  ownKeys(_) {\n    return _.keys()\n  },\n}\n\ntype UnboxLazy<T> = T extends () => infer U ? U : T\ntype BoxedTupleTypes<T extends Array<any>> = {\n  [P in keyof T]: [UnboxLazy<T[P]>]\n}[Exclude<keyof T, keyof Array<any>>]\ntype UnionToIntersection<T> = (T extends any ? (k: T) => void : never) extends (\n  k: infer I,\n) => void\n  ? I\n  : never\ntype UnboxIntersection<T> = T extends { 0: infer U } ? U : never\ntype MergeProxy<T extends Array<any>> = UnboxIntersection<\n  UnionToIntersection<BoxedTupleTypes<T>>\n>\n\nfunction resolveSource(s: any) {\n  return 'value' in s ? s.value : s\n}\n\nexport function mergeProxy<T extends Array<any>>(...sources: T): MergeProxy<T>\nexport function mergeProxy(...sources: any): any {\n  const flattenedSources = sources.flatMap((source: any) => {\n    if (\n      typeof source === 'object' &&\n      source !== null &&\n      $SOURCES in source &&\n      Array.isArray(source[$SOURCES])\n    ) {\n      return source[$SOURCES]\n    }\n\n    return [source]\n  })\n\n  return new Proxy(\n    {\n      sources: flattenedSources,\n      get(property: string | number | symbol) {\n        for (let i = flattenedSources.length - 1; i >= 0; i--) {\n          const v = resolveSource(flattenedSources[i])[property]\n          if (v !== undefined) return v\n        }\n      },\n      has(property: string | number | symbol) {\n        for (let i = flattenedSources.length - 1; i >= 0; i--) {\n          if (property in resolveSource(flattenedSources[i])) return true\n        }\n        return false\n      },\n      keys() {\n        const keys = []\n        for (const source of flattenedSources)\n          keys.push(...Object.keys(resolveSource(source)))\n        return [...Array.from(new Set(keys))]\n      },\n    },\n    propTraps,\n  )\n}\n"],"mappings":";;AAAA,SAAS,SAAS;CAChB,OAAO;AACT;AAEA,MAAM,SAAS,OAAO,aAAa;AACnC,MAAM,WAAW,OAAO,qBAAqB;AAG7C,MAAM,YAKD;CACH,IAAI,GAAG,UAAU,UAAU;EACzB,IAAI,aAAa,QAAQ,OAAO;EAChC,IAAI,aAAa,UAAU,OAAO,EAAE;EACpC,OAAO,EAAE,IAAI,QAAQ;CACvB;CACA,IAAI,GAAG,UAAU;EACf,OAAO,EAAE,IAAI,QAAQ;CACvB;CACA,KAAK;CACL,gBAAgB;CAChB,yBAAyB,GAAG,UAAU;EACpC,OAAO;GACL,cAAc;GACd,YAAY;GACZ,MAAM;IACJ,OAAO,EAAE,IAAI,QAAQ;GACvB;GACA,KAAK;GACL,gBAAgB;EAClB;CACF;CACA,QAAQ,GAAG;EACT,OAAO,EAAE,KAAK;CAChB;AACF;AAgBA,SAAS,cAAc,GAAQ;CAC7B,OAAO,WAAW,IAAI,EAAE,QAAQ;AAClC;AAGA,SAAgB,WAAW,GAAG,SAAmB;CAC/C,MAAM,mBAAmB,QAAQ,SAAS,WAAgB;EACxD,IACE,OAAO,WAAW,YAClB,WAAW,QACX,YAAY,UACZ,MAAM,QAAQ,OAAO,SAAS,GAE9B,OAAO,OAAO;EAGhB,OAAO,CAAC,MAAM;CAChB,CAAC;CAED,OAAO,IAAI,MACT;EACE,SAAS;EACT,IAAI,UAAoC;GACtC,KAAK,IAAI,IAAI,iBAAiB,SAAS,GAAG,KAAK,GAAG,KAAK;IACrD,MAAM,IAAI,cAAc,iBAAiB,EAAE,EAAE;IAC7C,IAAI,MAAM,QAAW,OAAO;GAC9B;EACF;EACA,IAAI,UAAoC;GACtC,KAAK,IAAI,IAAI,iBAAiB,SAAS,GAAG,KAAK,GAAG,KAChD,IAAI,YAAY,cAAc,iBAAiB,EAAE,GAAG,OAAO;GAE7D,OAAO;EACT;EACA,OAAO;GACL,MAAM,OAAO,CAAC;GACd,KAAK,MAAM,UAAU,kBACnB,KAAK,KAAK,GAAG,OAAO,KAAK,cAAc,MAAM,CAAC,CAAC;GACjD,OAAO,CAAC,GAAG,MAAM,KAAK,IAAI,IAAI,IAAI,CAAC,CAAC;EACtC;CACF,GACA,SACF;AACF"}

package/dist/merge-proxy.js.map

@@ -1 +1 @@
-{"version":3,"file":"merge-proxy.js","names":[],"sources":["../src/merge-proxy.ts"],"sourcesContent":["function trueFn() {\n  return true\n}\n\nconst $PROXY = Symbol('merge-proxy')\nconst $SOURCES = Symbol('merge-proxy-sources')\n\n// https://github.com/solidjs/solid/blob/c20ca4fd8c36bc0522fedb2c7f38a110b7ee2663/packages/solid/src/render/component.ts#L51-L118\nconst propTraps: ProxyHandler<{\n  get: (k: string | number | symbol) => any\n  has: (k: string | number | symbol) => boolean\n  keys: () => Array<string>\n  sources: Array<any>\n}> = {\n  get(_, property, receiver) {\n    if (property === $PROXY) return receiver\n    if (property === $SOURCES) return _.sources\n    return _.get(property)\n  },\n  has(_, property) {\n    return _.has(property)\n  },\n  set: trueFn,\n  deleteProperty: trueFn,\n  getOwnPropertyDescriptor(_, property) {\n    return {\n      configurable: true,\n      enumerable: true,\n      get() {\n        return _.get(property)\n      },\n      set: trueFn,\n      deleteProperty: trueFn,\n    }\n  },\n  ownKeys(_) {\n    return _.keys()\n  },\n}\n\ntype UnboxLazy<T> = T extends () => infer U ? U : T\ntype BoxedTupleTypes<T extends Array<any>> = {\n  [P in keyof T]: [UnboxLazy<T[P]>]\n}[Exclude<keyof T, keyof Array<any>>]\ntype UnionToIntersection<T> = (T extends any ? (k: T) => void : never) extends (\n  k: infer I,\n) => void\n  ? I\n  : never\ntype UnboxIntersection<T> = T extends { 0: infer U } ? U : never\ntype MergeProxy<T extends Array<any>> = UnboxIntersection<\n  UnionToIntersection<BoxedTupleTypes<T>>\n>\n\nfunction resolveSource(s: any) {\n  return 'value' in s ? s.value : s\n}\n\nexport function mergeProxy<T extends Array<any>>(...sources: T): MergeProxy<T>\nexport function mergeProxy(...sources: any): any {\n  const flattenedSources = sources.flatMap((source: any) => {\n    if (\n      typeof source === 'object' &&\n      source !== null &&\n      $SOURCES in source &&\n      Array.isArray(source[$SOURCES])\n    ) {\n      return source[$SOURCES]\n    }\n\n    return [source]\n  })\n\n  return new Proxy(\n    {\n      sources: flattenedSources,\n      get(property: string | number | symbol) {\n        for (let i = flattenedSources.length - 1; i >= 0; i--) {\n          const v = resolveSource(flattenedSources[i])[property]\n          if (v !== undefined) return v\n        }\n      },\n      has(property: string | number | symbol) {\n        for (let i = flattenedSources.length - 1; i >= 0; i--) {\n          if (property in resolveSource(flattenedSources[i])) return true\n        }\n        return false\n      },\n      keys() {\n        const keys = []\n        for (const source of flattenedSources)\n          keys.push(...Object.keys(resolveSource(source)))\n        return [...Array.from(new Set(keys))]\n      },\n    },\n    propTraps,\n  )\n}\n"],"mappings":";AAAA,SAAS,SAAS;CAChB,OAAO;;AAGT,MAAM,SAAS,OAAO,cAAc;AACpC,MAAM,WAAW,OAAO,sBAAsB;AAG9C,MAAM,YAKD;CACH,IAAI,GAAG,UAAU,UAAU;EACzB,IAAI,aAAa,QAAQ,OAAO;EAChC,IAAI,aAAa,UAAU,OAAO,EAAE;EACpC,OAAO,EAAE,IAAI,SAAS;;CAExB,IAAI,GAAG,UAAU;EACf,OAAO,EAAE,IAAI,SAAS;;CAExB,KAAK;CACL,gBAAgB;CAChB,yBAAyB,GAAG,UAAU;EACpC,OAAO;GACL,cAAc;GACd,YAAY;GACZ,MAAM;IACJ,OAAO,EAAE,IAAI,SAAS;;GAExB,KAAK;GACL,gBAAgB;GACjB;;CAEH,QAAQ,GAAG;EACT,OAAO,EAAE,MAAM;;CAElB;AAgBD,SAAS,cAAc,GAAQ;CAC7B,OAAO,WAAW,IAAI,EAAE,QAAQ;;AAIlC,SAAgB,WAAW,GAAG,SAAmB;CAC/C,MAAM,mBAAmB,QAAQ,SAAS,WAAgB;EACxD,IACE,OAAO,WAAW,YAClB,WAAW,QACX,YAAY,UACZ,MAAM,QAAQ,OAAO,UAAU,EAE/B,OAAO,OAAO;EAGhB,OAAO,CAAC,OAAO;GACf;CAEF,OAAO,IAAI,MACT;EACE,SAAS;EACT,IAAI,UAAoC;GACtC,KAAK,IAAI,IAAI,iBAAiB,SAAS,GAAG,KAAK,GAAG,KAAK;IACrD,MAAM,IAAI,cAAc,iBAAiB,GAAG,CAAC;IAC7C,IAAI,MAAM,QAAW,OAAO;;;EAGhC,IAAI,UAAoC;GACtC,KAAK,IAAI,IAAI,iBAAiB,SAAS,GAAG,KAAK,GAAG,KAChD,IAAI,YAAY,cAAc,iBAAiB,GAAG,EAAE,OAAO;GAE7D,OAAO;;EAET,OAAO;GACL,MAAM,OAAO,EAAE;GACf,KAAK,MAAM,UAAU,kBACnB,KAAK,KAAK,GAAG,OAAO,KAAK,cAAc,OAAO,CAAC,CAAC;GAClD,OAAO,CAAC,GAAG,MAAM,KAAK,IAAI,IAAI,KAAK,CAAC,CAAC;;EAExC,EACD,UACD"}
+{"version":3,"file":"merge-proxy.js","names":[],"sources":["../src/merge-proxy.ts"],"sourcesContent":["function trueFn() {\n  return true\n}\n\nconst $PROXY = Symbol('merge-proxy')\nconst $SOURCES = Symbol('merge-proxy-sources')\n\n// https://github.com/solidjs/solid/blob/c20ca4fd8c36bc0522fedb2c7f38a110b7ee2663/packages/solid/src/render/component.ts#L51-L118\nconst propTraps: ProxyHandler<{\n  get: (k: string | number | symbol) => any\n  has: (k: string | number | symbol) => boolean\n  keys: () => Array<string>\n  sources: Array<any>\n}> = {\n  get(_, property, receiver) {\n    if (property === $PROXY) return receiver\n    if (property === $SOURCES) return _.sources\n    return _.get(property)\n  },\n  has(_, property) {\n    return _.has(property)\n  },\n  set: trueFn,\n  deleteProperty: trueFn,\n  getOwnPropertyDescriptor(_, property) {\n    return {\n      configurable: true,\n      enumerable: true,\n      get() {\n        return _.get(property)\n      },\n      set: trueFn,\n      deleteProperty: trueFn,\n    }\n  },\n  ownKeys(_) {\n    return _.keys()\n  },\n}\n\ntype UnboxLazy<T> = T extends () => infer U ? U : T\ntype BoxedTupleTypes<T extends Array<any>> = {\n  [P in keyof T]: [UnboxLazy<T[P]>]\n}[Exclude<keyof T, keyof Array<any>>]\ntype UnionToIntersection<T> = (T extends any ? (k: T) => void : never) extends (\n  k: infer I,\n) => void\n  ? I\n  : never\ntype UnboxIntersection<T> = T extends { 0: infer U } ? U : never\ntype MergeProxy<T extends Array<any>> = UnboxIntersection<\n  UnionToIntersection<BoxedTupleTypes<T>>\n>\n\nfunction resolveSource(s: any) {\n  return 'value' in s ? s.value : s\n}\n\nexport function mergeProxy<T extends Array<any>>(...sources: T): MergeProxy<T>\nexport function mergeProxy(...sources: any): any {\n  const flattenedSources = sources.flatMap((source: any) => {\n    if (\n      typeof source === 'object' &&\n      source !== null &&\n      $SOURCES in source &&\n      Array.isArray(source[$SOURCES])\n    ) {\n      return source[$SOURCES]\n    }\n\n    return [source]\n  })\n\n  return new Proxy(\n    {\n      sources: flattenedSources,\n      get(property: string | number | symbol) {\n        for (let i = flattenedSources.length - 1; i >= 0; i--) {\n          const v = resolveSource(flattenedSources[i])[property]\n          if (v !== undefined) return v\n        }\n      },\n      has(property: string | number | symbol) {\n        for (let i = flattenedSources.length - 1; i >= 0; i--) {\n          if (property in resolveSource(flattenedSources[i])) return true\n        }\n        return false\n      },\n      keys() {\n        const keys = []\n        for (const source of flattenedSources)\n          keys.push(...Object.keys(resolveSource(source)))\n        return [...Array.from(new Set(keys))]\n      },\n    },\n    propTraps,\n  )\n}\n"],"mappings":";AAAA,SAAS,SAAS;CAChB,OAAO;AACT;AAEA,MAAM,SAAS,OAAO,aAAa;AACnC,MAAM,WAAW,OAAO,qBAAqB;AAG7C,MAAM,YAKD;CACH,IAAI,GAAG,UAAU,UAAU;EACzB,IAAI,aAAa,QAAQ,OAAO;EAChC,IAAI,aAAa,UAAU,OAAO,EAAE;EACpC,OAAO,EAAE,IAAI,QAAQ;CACvB;CACA,IAAI,GAAG,UAAU;EACf,OAAO,EAAE,IAAI,QAAQ;CACvB;CACA,KAAK;CACL,gBAAgB;CAChB,yBAAyB,GAAG,UAAU;EACpC,OAAO;GACL,cAAc;GACd,YAAY;GACZ,MAAM;IACJ,OAAO,EAAE,IAAI,QAAQ;GACvB;GACA,KAAK;GACL,gBAAgB;EAClB;CACF;CACA,QAAQ,GAAG;EACT,OAAO,EAAE,KAAK;CAChB;AACF;AAgBA,SAAS,cAAc,GAAQ;CAC7B,OAAO,WAAW,IAAI,EAAE,QAAQ;AAClC;AAGA,SAAgB,WAAW,GAAG,SAAmB;CAC/C,MAAM,mBAAmB,QAAQ,SAAS,WAAgB;EACxD,IACE,OAAO,WAAW,YAClB,WAAW,QACX,YAAY,UACZ,MAAM,QAAQ,OAAO,SAAS,GAE9B,OAAO,OAAO;EAGhB,OAAO,CAAC,MAAM;CAChB,CAAC;CAED,OAAO,IAAI,MACT;EACE,SAAS;EACT,IAAI,UAAoC;GACtC,KAAK,IAAI,IAAI,iBAAiB,SAAS,GAAG,KAAK,GAAG,KAAK;IACrD,MAAM,IAAI,cAAc,iBAAiB,EAAE,EAAE;IAC7C,IAAI,MAAM,QAAW,OAAO;GAC9B;EACF;EACA,IAAI,UAAoC;GACtC,KAAK,IAAI,IAAI,iBAAiB,SAAS,GAAG,KAAK,GAAG,KAChD,IAAI,YAAY,cAAc,iBAAiB,EAAE,GAAG,OAAO;GAE7D,OAAO;EACT;EACA,OAAO;GACL,MAAM,OAAO,CAAC;GACd,KAAK,MAAM,UAAU,kBACnB,KAAK,KAAK,GAAG,OAAO,KAAK,cAAc,MAAM,CAAC,CAAC;GACjD,OAAO,CAAC,GAAG,MAAM,KAAK,IAAI,IAAI,IAAI,CAAC,CAAC;EACtC;CACF,GACA,SACF;AACF"}

package/dist/reactivity.cjs

@@ -1,6 +1,8 @@
 let vue = require("vue");
+let _tanstack_vue_store = require("@tanstack/vue-store");
 
 //#region src/reactivity.ts
+const optionsStoreDebugName = "table/optionsStore";
 function observerToCallback(observerOrNext) {
 	return typeof observerOrNext === "function" ? observerOrNext : (value) => {
 		var _observerOrNext$next;
@@ -29,22 +31,33 @@ function refToWritableAtom(source) {
 /**
 * Creates the table-core reactivity bindings used by the Vue adapter.
 *
-* Readonly table atoms are backed by Vue `computed` refs and writable atoms by
-* `shallowRef`. Subscriptions use synchronous `watch` callbacks so table store
-* updates are visible to Vue render and computed work immediately.
+* Table state atoms are backed by TanStack Store atoms. The options store stays
+* framework-native because row-model APIs read `table.options` directly during
+* render. Readonly table atoms bridge Store dependency tracking into Vue computed
+* refs.
 */
 function vueReactivity() {
 	return {
 		createOptionsStore: true,
 		schedule: (fn) => queueMicrotask(() => fn()),
 		createReadonlyAtom: (fn, _options) => {
-			return refToReadonlyAtom((0, vue.computed)(fn));
+			const storeAtom = (0, _tanstack_vue_store.createAtom)(() => fn(), { compare: _options === null || _options === void 0 ? void 0 : _options.compare });
+			const version = (0, vue.shallowRef)(0);
+			const subscription = storeAtom.subscribe(() => {
+				version.value += 1;
+			});
+			if ((0, vue.getCurrentScope)()) (0, vue.onScopeDispose)(() => subscription.unsubscribe());
+			return refToReadonlyAtom((0, vue.computed)(() => {
+				version.value;
+				return storeAtom.get();
+			}));
 		},
 		createWritableAtom: (value, _options) => {
-			return refToWritableAtom((0, vue.shallowRef)(value));
+			if ((_options === null || _options === void 0 ? void 0 : _options.debugName) === optionsStoreDebugName) return refToWritableAtom((0, vue.shallowRef)(value));
+			return (0, _tanstack_vue_store.createAtom)(value, { compare: _options === null || _options === void 0 ? void 0 : _options.compare });
 		},
 		untrack: (fn) => fn(),
-		batch: (fn) => fn()
+		batch: _tanstack_vue_store.batch
 	};
 }
 

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 type {\n  TableAtomOptions,\n  TableReactivityBindings,\n} from '@tanstack/table-core/reactivity'\nimport type { Atom, Observer, ReadonlyAtom } from '@tanstack/vue-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 * Readonly table atoms are backed by Vue `computed` refs and writable atoms by\n * `shallowRef`. Subscriptions use synchronous `watch` callbacks so table store\n * updates are visible to Vue render and computed work immediately.\n */\nexport function vueReactivity(): TableReactivityBindings {\n  return {\n    createOptionsStore: true,\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: (fn) => fn(),\n  }\n}\n"],"mappings":";;;AAQA,SAAS,mBACP,gBACoB;CACpB,OAAO,OAAO,mBAAmB,aAC7B,kBACC,UAAU;;gDAAe,uGAAO,MAAM;;;AAG7C,SAAS,kBACP,QACiB;CACjB,OAAO,OAAO,OAAO,QAAQ;EAC3B,WAAW,OAAO;EAClB,aAAa,mBAAuD;GAIlE,OAAO,EAAE,4BAHU,QAAQ,mBAAmB,eAAe,EAAE,EAC7D,OAAO,QACR,CACyB,EAAE;;EAE/B,CAAC;;AAGJ,SAAS,kBAAqB,QAAgC;CAC5D,OAAO,OAAO,OAAO,QAAQ;EAC3B,MAAM,YAAqC;GACzC,OAAO,QACL,OAAO,YAAY,aACd,QAA8B,OAAO,MAAM,GAC5C;;EAER,WAAW,OAAO;EAClB,aAAa,mBAAuD;GAIlE,OAAO,EAAE,4BAHU,QAAQ,mBAAmB,eAAe,EAAE,EAC7D,OAAO,QACR,CACyB,EAAE;;EAE/B,CAAC;;;;;;;;;AAUJ,SAAgB,gBAAyC;CACvD,OAAO;EACL,oBAAoB;EACpB,WAAW,OAAO,qBAAqB,IAAI,CAAC;EAC5C,qBAAwB,IAAa,aAAmC;GACtE,OAAO,oCAA2B,GAAG,CAAC;;EAExC,qBACE,OACA,aACY;GACZ,OAAO,sCAA6B,MAAM,CAAkB;;EAE9D,UAAU,OAAO,IAAI;EACrB,QAAQ,OAAO,IAAI;EACpB"}
+{"version":3,"file":"reactivity.cjs","names":[],"sources":["../src/reactivity.ts"],"sourcesContent":["import {\n  computed,\n  getCurrentScope,\n  onScopeDispose,\n  shallowRef,\n  watch,\n} from 'vue'\nimport { batch, createAtom } from '@tanstack/vue-store'\nimport type {\n  TableAtomOptions,\n  TableReactivityBindings,\n} from '@tanstack/table-core/reactivity'\nimport type { Atom, Observer, ReadonlyAtom } from '@tanstack/vue-store'\nimport type { ComputedRef, ShallowRef } from 'vue'\n\nconst optionsStoreDebugName = 'table/optionsStore'\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  return {\n    createOptionsStore: true,\n    schedule: (fn) => queueMicrotask(() => fn()),\n    createReadonlyAtom: <T>(fn: () => T, _options?: TableAtomOptions<T>) => {\n      const storeAtom = createAtom(() => fn(), {\n        compare: _options?.compare,\n      })\n      const version = shallowRef(0)\n      const subscription = storeAtom.subscribe(() => {\n        version.value += 1\n      })\n      if (getCurrentScope()) {\n        onScopeDispose(() => subscription.unsubscribe())\n      }\n\n      return refToReadonlyAtom(\n        computed(() => {\n          version.value\n          return storeAtom.get()\n        }),\n      )\n    },\n    createWritableAtom: <T>(\n      value: T,\n      _options?: TableAtomOptions<T>,\n    ): Atom<T> => {\n      if (_options?.debugName === optionsStoreDebugName) {\n        return refToWritableAtom(shallowRef(value) as ShallowRef<T>)\n      }\n\n      return createAtom(value, {\n        compare: _options?.compare,\n      })\n    },\n    untrack: (fn) => fn(),\n    batch,\n  }\n}\n"],"mappings":";;;;AAeA,MAAM,wBAAwB;AAE9B,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,OAAO;EACL,oBAAoB;EACpB,WAAW,OAAO,qBAAqB,GAAG,CAAC;EAC3C,qBAAwB,IAAa,aAAmC;GACtE,MAAM,sDAA6B,GAAG,GAAG,EACvC,6DAAS,SAAU,QACrB,CAAC;GACD,MAAM,8BAAqB,CAAC;GAC5B,MAAM,eAAe,UAAU,gBAAgB;IAC7C,QAAQ,SAAS;GACnB,CAAC;GACD,6BAAoB,GAClB,8BAAqB,aAAa,YAAY,CAAC;GAGjD,OAAO,0CACU;IACb,QAAQ;IACR,OAAO,UAAU,IAAI;GACvB,CAAC,CACH;EACF;EACA,qBACE,OACA,aACY;GACZ,yDAAI,SAAU,eAAc,uBAC1B,OAAO,sCAA6B,KAAK,CAAkB;GAG7D,2CAAkB,OAAO,EACvB,6DAAS,SAAU,QACrB,CAAC;EACH;EACA,UAAU,OAAO,GAAG;EACpB;CACF;AACF"}

package/dist/reactivity.js

@@ -1,6 +1,8 @@
-import { computed, shallowRef, watch } from "vue";
+import { computed, getCurrentScope, onScopeDispose, shallowRef, watch } from "vue";
+import { batch, createAtom } from "@tanstack/vue-store";
 
 //#region src/reactivity.ts
+const optionsStoreDebugName = "table/optionsStore";
 function observerToCallback(observerOrNext) {
 	return typeof observerOrNext === "function" ? observerOrNext : (value) => {
 		var _observerOrNext$next;
@@ -29,22 +31,33 @@ function refToWritableAtom(source) {
 /**
 * Creates the table-core reactivity bindings used by the Vue adapter.
 *
-* Readonly table atoms are backed by Vue `computed` refs and writable atoms by
-* `shallowRef`. Subscriptions use synchronous `watch` callbacks so table store
-* updates are visible to Vue render and computed work immediately.
+* Table state atoms are backed by TanStack Store atoms. The options store stays
+* framework-native because row-model APIs read `table.options` directly during
+* render. Readonly table atoms bridge Store dependency tracking into Vue computed
+* refs.
 */
 function vueReactivity() {
 	return {
 		createOptionsStore: true,
 		schedule: (fn) => queueMicrotask(() => fn()),
 		createReadonlyAtom: (fn, _options) => {
-			return refToReadonlyAtom(computed(fn));
+			const storeAtom = createAtom(() => fn(), { compare: _options === null || _options === void 0 ? void 0 : _options.compare });
+			const version = shallowRef(0);
+			const subscription = storeAtom.subscribe(() => {
+				version.value += 1;
+			});
+			if (getCurrentScope()) onScopeDispose(() => subscription.unsubscribe());
+			return refToReadonlyAtom(computed(() => {
+				version.value;
+				return storeAtom.get();
+			}));
 		},
 		createWritableAtom: (value, _options) => {
-			return refToWritableAtom(shallowRef(value));
+			if ((_options === null || _options === void 0 ? void 0 : _options.debugName) === optionsStoreDebugName) return refToWritableAtom(shallowRef(value));
+			return createAtom(value, { compare: _options === null || _options === void 0 ? void 0 : _options.compare });
 		},
 		untrack: (fn) => fn(),
-		batch: (fn) => fn()
+		batch
 	};
 }
 

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 type {\n  TableAtomOptions,\n  TableReactivityBindings,\n} from '@tanstack/table-core/reactivity'\nimport type { Atom, Observer, ReadonlyAtom } from '@tanstack/vue-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 * Readonly table atoms are backed by Vue `computed` refs and writable atoms by\n * `shallowRef`. Subscriptions use synchronous `watch` callbacks so table store\n * updates are visible to Vue render and computed work immediately.\n */\nexport function vueReactivity(): TableReactivityBindings {\n  return {\n    createOptionsStore: true,\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: (fn) => fn(),\n  }\n}\n"],"mappings":";;;AAQA,SAAS,mBACP,gBACoB;CACpB,OAAO,OAAO,mBAAmB,aAC7B,kBACC,UAAU;;gDAAe,uGAAO,MAAM;;;AAG7C,SAAS,kBACP,QACiB;CACjB,OAAO,OAAO,OAAO,QAAQ;EAC3B,WAAW,OAAO;EAClB,aAAa,mBAAuD;GAIlE,OAAO,EAAE,aAHI,MAAM,QAAQ,mBAAmB,eAAe,EAAE,EAC7D,OAAO,QACR,CACyB,EAAE;;EAE/B,CAAC;;AAGJ,SAAS,kBAAqB,QAAgC;CAC5D,OAAO,OAAO,OAAO,QAAQ;EAC3B,MAAM,YAAqC;GACzC,OAAO,QACL,OAAO,YAAY,aACd,QAA8B,OAAO,MAAM,GAC5C;;EAER,WAAW,OAAO;EAClB,aAAa,mBAAuD;GAIlE,OAAO,EAAE,aAHI,MAAM,QAAQ,mBAAmB,eAAe,EAAE,EAC7D,OAAO,QACR,CACyB,EAAE;;EAE/B,CAAC;;;;;;;;;AAUJ,SAAgB,gBAAyC;CACvD,OAAO;EACL,oBAAoB;EACpB,WAAW,OAAO,qBAAqB,IAAI,CAAC;EAC5C,qBAAwB,IAAa,aAAmC;GACtE,OAAO,kBAAkB,SAAS,GAAG,CAAC;;EAExC,qBACE,OACA,aACY;GACZ,OAAO,kBAAkB,WAAW,MAAM,CAAkB;;EAE9D,UAAU,OAAO,IAAI;EACrB,QAAQ,OAAO,IAAI;EACpB"}
+{"version":3,"file":"reactivity.js","names":[],"sources":["../src/reactivity.ts"],"sourcesContent":["import {\n  computed,\n  getCurrentScope,\n  onScopeDispose,\n  shallowRef,\n  watch,\n} from 'vue'\nimport { batch, createAtom } from '@tanstack/vue-store'\nimport type {\n  TableAtomOptions,\n  TableReactivityBindings,\n} from '@tanstack/table-core/reactivity'\nimport type { Atom, Observer, ReadonlyAtom } from '@tanstack/vue-store'\nimport type { ComputedRef, ShallowRef } from 'vue'\n\nconst optionsStoreDebugName = 'table/optionsStore'\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  return {\n    createOptionsStore: true,\n    schedule: (fn) => queueMicrotask(() => fn()),\n    createReadonlyAtom: <T>(fn: () => T, _options?: TableAtomOptions<T>) => {\n      const storeAtom = createAtom(() => fn(), {\n        compare: _options?.compare,\n      })\n      const version = shallowRef(0)\n      const subscription = storeAtom.subscribe(() => {\n        version.value += 1\n      })\n      if (getCurrentScope()) {\n        onScopeDispose(() => subscription.unsubscribe())\n      }\n\n      return refToReadonlyAtom(\n        computed(() => {\n          version.value\n          return storeAtom.get()\n        }),\n      )\n    },\n    createWritableAtom: <T>(\n      value: T,\n      _options?: TableAtomOptions<T>,\n    ): Atom<T> => {\n      if (_options?.debugName === optionsStoreDebugName) {\n        return refToWritableAtom(shallowRef(value) as ShallowRef<T>)\n      }\n\n      return createAtom(value, {\n        compare: _options?.compare,\n      })\n    },\n    untrack: (fn) => fn(),\n    batch,\n  }\n}\n"],"mappings":";;;;AAeA,MAAM,wBAAwB;AAE9B,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,OAAO;EACL,oBAAoB;EACpB,WAAW,OAAO,qBAAqB,GAAG,CAAC;EAC3C,qBAAwB,IAAa,aAAmC;GACtE,MAAM,YAAY,iBAAiB,GAAG,GAAG,EACvC,6DAAS,SAAU,QACrB,CAAC;GACD,MAAM,UAAU,WAAW,CAAC;GAC5B,MAAM,eAAe,UAAU,gBAAgB;IAC7C,QAAQ,SAAS;GACnB,CAAC;GACD,IAAI,gBAAgB,GAClB,qBAAqB,aAAa,YAAY,CAAC;GAGjD,OAAO,kBACL,eAAe;IACb,QAAQ;IACR,OAAO,UAAU,IAAI;GACvB,CAAC,CACH;EACF;EACA,qBACE,OACA,aACY;GACZ,yDAAI,SAAU,eAAc,uBAC1B,OAAO,kBAAkB,WAAW,KAAK,CAAkB;GAG7D,OAAO,WAAW,OAAO,EACvB,6DAAS,SAAU,QACrB,CAAC;EACH;EACA,UAAU,OAAO,GAAG;EACpB;CACF;AACF"}

package/dist/useTable.cjs

@@ -40,18 +40,16 @@ function useTable(tableOptions, selector) {
 	const syncTableOptions = (table, options) => {
 		table.setOptions(() => getOptionsWithReactiveValues(options));
 	};
-	const mergedOptions = {
-		...tableOptions,
-		_features: {
-			coreReativityFeature: require_reactivity.vueReactivity(),
-			...tableOptions._features
-		}
-	};
-	const table = (0, _tanstack_table_core.constructTable)(require_merge_proxy.mergeProxy(getOptionsWithReactiveValues(mergedOptions), { mergeOptions: (defaultOptions, newOptions) => {
+	const mergedOptions = require_merge_proxy.mergeProxy(tableOptions, { _features: {
+		coreReativityFeature: require_reactivity.vueReactivity(),
+		...(0, vue.unref)(tableOptions._features) ?? {}
+	} });
+	const coreTable = (0, _tanstack_table_core.constructTable)(require_merge_proxy.mergeProxy(getOptionsWithReactiveValues(mergedOptions), { mergeOptions: (defaultOptions, newOptions) => {
 		return require_merge_proxy.mergeProxy(defaultOptions, newOptions);
 	} }));
+	const table = coreTable;
 	(0, vue.watch)(() => getReactiveOptionDeps(mergedOptions), () => {
-		syncTableOptions(table, mergedOptions);
+		syncTableOptions(coreTable, mergedOptions);
 	}, { immediate: true });
 	(0, vue.watch)(() => {
 		const controlledState = (0, vue.unref)(tableOptions.state);
@@ -64,7 +62,7 @@ function useTable(tableOptions, selector) {
 		}
 		return controlledValues;
 	}, (controlledValues) => {
-		if (controlledValues.length > 0) syncTableOptions(table, mergedOptions);
+		if (controlledValues.length > 0) syncTableOptions(coreTable, mergedOptions);
 	}, { immediate: true });
 	table.Subscribe = ((props) => {
 		const selected = (0, _tanstack_vue_store.useSelector)(props.source ?? table.store, props.selector, { compare: _tanstack_vue_store.shallow });

package/dist/useTable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.cjs","names":["mergeProxy","vueReactivity","shallow"],"sources":["../src/useTable.ts"],"sourcesContent":["import { unref, watch } from 'vue'\nimport { constructTable } from '@tanstack/table-core'\nimport { shallow, useSelector } from '@tanstack/vue-store'\nimport { mergeProxy } from './merge-proxy'\nimport { vueReactivity } from './reactivity'\nimport type {\n  Atom,\n  ReadonlyAtom,\n  ReadonlyStore,\n  Store,\n} from '@tanstack/vue-store'\nimport type {\n  NoInfer,\n  RowData,\n  Table,\n  TableFeatures,\n  TableOptions,\n  TableState,\n} from '@tanstack/table-core'\nimport type { MaybeRef, VNode } from 'vue'\n\nexport type SubscribeSource<TValue> =\n  | Atom<TValue>\n  | ReadonlyAtom<TValue>\n  | Store<TValue>\n  | ReadonlyStore<TValue>\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  TSelected = TableState<TFeatures>,\n> = Table<TFeatures, TData> & {\n  /**\n   * Store mode: `selector` required. Source mode: pass `source` (atom or store); omit\n   * `selector` for the whole value (identity), or pass `selector` to project. Split\n   * overloads so source-only infers `TSourceValue` for `children` (see React `Subscribe`).\n   */\n  Subscribe: {\n    <TSourceValue>(props: {\n      source: SubscribeSource<TSourceValue>\n      selector?: undefined\n      children:\n        | ((state: Readonly<TSourceValue>) => VNode | Array<VNode>)\n        | VNode\n        | Array<VNode>\n    }): VNode | Array<VNode>\n    <TSourceValue, TSubSelected>(props: {\n      source: SubscribeSource<TSourceValue>\n      selector: (state: TSourceValue) => TSubSelected\n      children:\n        | ((state: Readonly<TSubSelected>) => VNode | Array<VNode>)\n        | VNode\n        | Array<VNode>\n    }): VNode | Array<VNode>\n    <TSubSelected>(props: {\n      selector: (state: NoInfer<TableState<TFeatures>>) => TSubSelected\n      children:\n        | ((state: Readonly<TSubSelected>) => VNode | Array<VNode>)\n        | VNode\n        | Array<VNode>\n    }): VNode | Array<VNode>\n  }\n  /**\n   * The selected state of the table. This state may not match the structure of `table.store.state` because it is selected by the `selector` function that you pass as the 2nd argument to `useTable`.\n   *\n   * @example\n   * const table = useTable(options, (state) => ({ globalFilter: state.globalFilter })) // only globalFilter is part of the selected state\n   *\n   * console.log(table.state.globalFilter)\n   */\n  readonly state: Readonly<TSelected>\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. The optional selector projects from `table.store` and\n * exposes the selected value on `table.state`.\n *\n * @example\n * ```ts\n * const table = useTable(\n *   {\n *     _features,\n *     _rowModels: {},\n *     columns,\n *     data,\n *   },\n *   (state) => ({ pagination: state.pagination }),\n * )\n *\n * table.state.pagination\n * ```\n */\nexport function useTable<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TSelected = TableState<TFeatures>,\n>(\n  tableOptions:\n    | TableOptions<TFeatures, TData>\n    | TableOptionsWithReactiveData<TFeatures, TData>,\n  selector?: (state: TableState<TFeatures>) => TSelected,\n): VueTable<TFeatures, TData, TSelected> {\n  const syncTableOptions = (\n    table: Table<TFeatures, TData>,\n    options: TableOptionsWithReactiveData<TFeatures, TData>,\n  ) => {\n    table.setOptions(\n      () =>\n        getOptionsWithReactiveValues(options) as TableOptions<TFeatures, TData>,\n    )\n  }\n\n  const mergedOptions = {\n    ...tableOptions,\n    _features: {\n      coreReativityFeature: vueReactivity(),\n      ...tableOptions._features,\n    },\n  }\n\n  const resolvedOptions = mergeProxy(\n    getOptionsWithReactiveValues(\n      mergedOptions as TableOptionsWithReactiveData<TFeatures, TData>,\n    ),\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 mergeProxy(defaultOptions, newOptions)\n      },\n    },\n  ) as TableOptions<TFeatures, TData>\n\n  const table = constructTable(resolvedOptions) as VueTable<\n    TFeatures,\n    TData,\n    TSelected\n  >\n\n  watch(\n    () =>\n      getReactiveOptionDeps(\n        mergedOptions as TableOptionsWithReactiveData<TFeatures, TData>,\n      ),\n    () => {\n      syncTableOptions(table, 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(table, mergedOptions)\n      }\n    },\n    { immediate: true },\n  )\n\n  table.Subscribe = ((props: {\n    source?: SubscribeSource<unknown>\n    selector?: ((state: unknown) => unknown) | undefined\n    children:\n      | ((state: Readonly<unknown>) => VNode | Array<VNode>)\n      | VNode\n      | Array<VNode>\n  }) => {\n    const source = props.source ?? table.store\n    const selected = useSelector(source as never, props.selector as never, {\n      compare: shallow,\n    })\n    if (typeof props.children === 'function') {\n      return props.children(selected.value as Readonly<unknown>)\n    }\n    return props.children\n  }) as VueTable<TFeatures, TData, TSelected>['Subscribe']\n\n  const stateStore = useSelector(table.store, selector)\n\n  return {\n    ...table,\n    get state() {\n      return stateStore.value\n    },\n  }\n}\n"],"mappings":";;;;;;;AAoCA,SAAS,6BAGP,SAAyD;CACzD,MAAM,kBAA2C,EAAE;CAEnD,KAAK,MAAM,OAAO,OAAO,KAAK,QAAQ,EACpC,gBAAgB,sBACd,QAAQ,KACT;CAGH,OAAOA,+BAAW,SAAS,gBAAgB;;AAG7C,SAAS,sBAGP,SAAyD;CACzD,OAAO,OAAO,KAAK,QAAQ,CAAC,KAAK,uBACzB,QAAQ,KAA6D,CAC5E;;;;;;;;;;;;;;;;;;;;;;;;;AAwEH,SAAgB,SAKd,cAGA,UACuC;CACvC,MAAM,oBACJ,OACA,YACG;EACH,MAAM,iBAEF,6BAA6B,QAAQ,CACxC;;CAGH,MAAM,gBAAgB;EACpB,GAAG;EACH,WAAW;GACT,sBAAsBC,kCAAe;GACrC,GAAG,aAAa;GACjB;EACF;CAiBD,MAAM,iDAfkBD,+BACtB,6BACE,cACD,EACD,EAEE,eACE,gBACA,eACG;EACH,OAAOA,+BAAW,gBAAgB,WAAW;IAEhD,CAGyC,CAAC;CAM7C,qBAEI,sBACE,cACD,QACG;EACJ,iBAAiB,OAAO,cAAc;IAExC,EAAE,WAAW,MAAM,CACpB;CAED,qBACQ;EACJ,MAAM,iCAAwB,aAAa,MAAM;EAGjD,MAAM,iCAAwB,aAAa,MAAM;EAIjD,IAAI,CAAC,iBACH,OAAO,EAAE;EAGX,MAAM,mBAAmC,EAAE;EAE3C,KAAK,MAAM,OAAO,OAAO,KAAK,MAAM,aAAa,EAAE;GACjD,IAAI,EAAE,OAAO,uFAAoB,gBAAkB,UAAS,QAC1D;GAKF,iBAAiB,KAAK,gBAAgB,KAAK;;EAG7C,OAAO;KAER,qBAAqB;EACpB,IAAI,iBAAiB,SAAS,GAC5B,iBAAiB,OAAO,cAAc;IAG1C,EAAE,WAAW,MAAM,CACpB;CAED,MAAM,cAAc,UAOd;EAEJ,MAAM,gDADS,MAAM,UAAU,MAAM,OACS,MAAM,UAAmB,EACrE,SAASE,6BACV,CAAC;EACF,IAAI,OAAO,MAAM,aAAa,YAC5B,OAAO,MAAM,SAAS,SAAS,MAA2B;EAE5D,OAAO,MAAM;;CAGf,MAAM,kDAAyB,MAAM,OAAO,SAAS;CAErD,OAAO;EACL,GAAG;EACH,IAAI,QAAQ;GACV,OAAO,WAAW;;EAErB"}
+{"version":3,"file":"useTable.cjs","names":["mergeProxy","vueReactivity","shallow"],"sources":["../src/useTable.ts"],"sourcesContent":["import { unref, watch } from 'vue'\nimport { constructTable } from '@tanstack/table-core'\nimport { shallow, useSelector } from '@tanstack/vue-store'\nimport { mergeProxy } from './merge-proxy'\nimport { vueReactivity } from './reactivity'\nimport type {\n  Atom,\n  ReadonlyAtom,\n  ReadonlyStore,\n  Store,\n} from '@tanstack/vue-store'\nimport type {\n  NoInfer,\n  RowData,\n  Table,\n  TableFeatures,\n  TableOptions,\n  TableState,\n} from '@tanstack/table-core'\nimport type { MaybeRef, VNode } from 'vue'\n\nexport type SubscribeSource<TValue> =\n  | Atom<TValue>\n  | ReadonlyAtom<TValue>\n  | Store<TValue>\n  | ReadonlyStore<TValue>\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  TSelected = TableState<TFeatures>,\n> = Omit<Table<TFeatures, TData>, 'store'> & {\n  /**\n   * @deprecated Prefer `table.state` for render reads,\n   * `table.atoms.<slice>.get()` for slice snapshots, or\n   * `table.Subscribe` / `useSelector(table.store, selector)` for explicit\n   * subscriptions. `table.store.state` is a current-value snapshot and is easy\n   * to misuse in render code.\n   */\n  readonly store: Table<TFeatures, TData>['store']\n  /**\n   * Store mode: `selector` required. Source mode: pass `source` (atom or store); omit\n   * `selector` for the whole value (identity), or pass `selector` to project. Split\n   * overloads so source-only infers `TSourceValue` for `children` (see React `Subscribe`).\n   */\n  Subscribe: {\n    <TSourceValue>(props: {\n      source: SubscribeSource<TSourceValue>\n      selector?: undefined\n      children:\n        | ((state: Readonly<TSourceValue>) => VNode | Array<VNode>)\n        | VNode\n        | Array<VNode>\n    }): VNode | Array<VNode>\n    <TSourceValue, TSubSelected>(props: {\n      source: SubscribeSource<TSourceValue>\n      selector: (state: TSourceValue) => TSubSelected\n      children:\n        | ((state: Readonly<TSubSelected>) => VNode | Array<VNode>)\n        | VNode\n        | Array<VNode>\n    }): VNode | Array<VNode>\n    <TSubSelected>(props: {\n      selector: (state: NoInfer<TableState<TFeatures>>) => TSubSelected\n      children:\n        | ((state: Readonly<TSubSelected>) => VNode | Array<VNode>)\n        | VNode\n        | Array<VNode>\n    }): VNode | Array<VNode>\n  }\n  /**\n   * The selected state of the table. This state may not match the structure of\n   * the full table state because it is selected by the selector function that\n   * you pass as the 2nd argument to `useTable`.\n   *\n   * @example\n   * const table = useTable(options, (state) => ({ globalFilter: state.globalFilter })) // only globalFilter is part of the selected state\n   *\n   * console.log(table.state.globalFilter)\n   */\n  readonly state: Readonly<TSelected>\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. The optional selector projects from `table.store` and\n * exposes the selected value on `table.state`.\n *\n * @example\n * ```ts\n * const table = useTable(\n *   {\n *     _features,\n *     _rowModels: {},\n *     columns,\n *     data,\n *   },\n *   (state) => ({ pagination: state.pagination }),\n * )\n *\n * table.state.pagination\n * ```\n */\nexport function useTable<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TSelected = TableState<TFeatures>,\n>(\n  tableOptions:\n    | TableOptions<TFeatures, TData>\n    | TableOptionsWithReactiveData<TFeatures, TData>,\n  selector?: (state: TableState<TFeatures>) => TSelected,\n): VueTable<TFeatures, TData, TSelected> {\n  const syncTableOptions = (\n    table: Table<TFeatures, TData>,\n    options: TableOptionsWithReactiveData<TFeatures, TData>,\n  ) => {\n    table.setOptions(\n      () =>\n        getOptionsWithReactiveValues(options) as TableOptions<TFeatures, TData>,\n    )\n  }\n\n  const mergedOptions = mergeProxy(tableOptions, {\n    _features: {\n      coreReativityFeature: vueReactivity(),\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 mergeProxy(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, TSelected>\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    source?: SubscribeSource<unknown>\n    selector?: ((state: unknown) => unknown) | undefined\n    children:\n      | ((state: Readonly<unknown>) => VNode | Array<VNode>)\n      | VNode\n      | Array<VNode>\n  }) => {\n    const source = props.source ?? table.store\n    const selected = useSelector(source as never, props.selector as never, {\n      compare: shallow,\n    })\n    if (typeof props.children === 'function') {\n      return props.children(selected.value as Readonly<unknown>)\n    }\n    return props.children\n  }) as VueTable<TFeatures, TData, TSelected>['Subscribe']\n\n  const stateStore = useSelector(table.store, selector)\n\n  return {\n    ...table,\n    get state() {\n      return stateStore.value\n    },\n  }\n}\n"],"mappings":";;;;;;;AAoCA,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,EAAE,KAAK,uBACzB,QAAQ,IAA4D,CAC5E;AACF;;;;;;;;;;;;;;;;;;;;;;;;AAiFA,SAAgB,SAKd,cAGA,UACuC;CACvC,MAAM,oBACJ,OACA,YACG;EACH,MAAM,iBAEF,6BAA6B,OAAO,CACxC;CACF;CAEA,MAAM,gBAAgBA,+BAAW,cAAc,EAC7C,WAAW;EACT,sBAAsBC,iCAAc;EACpC,kBAAU,aAAa,SAAS,KAAK,CAAC;CACxC,EACF,CAAC;CAeD,MAAM,qDAbkBD,+BACtB,6BAA6B,aAAa,GAC1C,EAEE,eACE,gBACA,eACG;EACH,OAAOA,+BAAW,gBAAgB,UAAU;CAC9C,EACF,CAG6C,CAAC;CAChD,MAAM,QAAQ;CAEd,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,cAAc,UAOd;EAEJ,MAAM,gDADS,MAAM,UAAU,MAAM,OACS,MAAM,UAAmB,EACrE,SAASE,4BACX,CAAC;EACD,IAAI,OAAO,MAAM,aAAa,YAC5B,OAAO,MAAM,SAAS,SAAS,KAA0B;EAE3D,OAAO,MAAM;CACf;CAEA,MAAM,kDAAyB,MAAM,OAAO,QAAQ;CAEpD,OAAO;EACL,GAAG;EACH,IAAI,QAAQ;GACV,OAAO,WAAW;EACpB;CACF;AACF"}

package/dist/useTable.d.cts

@@ -1,11 +1,19 @@
-import { MaybeRef, VNode } from "vue";
 import { NoInfer, RowData, Table, TableFeatures, TableOptions, TableState } from "@tanstack/table-core";
 import { Atom, ReadonlyAtom, ReadonlyStore, Store } from "@tanstack/vue-store";
+import { MaybeRef, VNode } from "vue";
 
 //#region src/useTable.d.ts
 type SubscribeSource<TValue> = Atom<TValue> | ReadonlyAtom<TValue> | Store<TValue> | ReadonlyStore<TValue>;
 type TableOptionsWithReactiveData<TFeatures extends TableFeatures, TData extends RowData> = { [K in keyof TableOptions<TFeatures, TData>]: K extends 'data' ? MaybeRef<ReadonlyArray<TData>> : MaybeRef<TableOptions<TFeatures, TData>[K]> };
-type VueTable<TFeatures extends TableFeatures, TData extends RowData, TSelected = TableState<TFeatures>> = Table<TFeatures, TData> & {
+type VueTable<TFeatures extends TableFeatures, TData extends RowData, TSelected = TableState<TFeatures>> = Omit<Table<TFeatures, TData>, 'store'> & {
+  /**
+   * @deprecated Prefer `table.state` for render reads,
+   * `table.atoms.<slice>.get()` for slice snapshots, or
+   * `table.Subscribe` / `useSelector(table.store, selector)` for explicit
+   * subscriptions. `table.store.state` is a current-value snapshot and is easy
+   * to misuse in render code.
+   */
+  readonly store: Table<TFeatures, TData>['store'];
   /**
    * Store mode: `selector` required. Source mode: pass `source` (atom or store); omit
    * `selector` for the whole value (identity), or pass `selector` to project. Split
@@ -28,7 +36,9 @@ type VueTable<TFeatures extends TableFeatures, TData extends RowData, TSelected
     }): VNode | Array<VNode>;
   };
   /**
-   * The selected state of the table. This state may not match the structure of `table.store.state` because it is selected by the `selector` function that you pass as the 2nd argument to `useTable`.
+   * The selected state of the table. This state may not match the structure of
+   * the full table state because it is selected by the selector function that
+   * you pass as the 2nd argument to `useTable`.
    *
    * @example
    * const table = useTable(options, (state) => ({ globalFilter: state.globalFilter })) // only globalFilter is part of the selected state

package/dist/useTable.d.ts

@@ -5,7 +5,15 @@ import { Atom, ReadonlyAtom, ReadonlyStore, Store } from "@tanstack/vue-store";
 //#region src/useTable.d.ts
 type SubscribeSource<TValue> = Atom<TValue> | ReadonlyAtom<TValue> | Store<TValue> | ReadonlyStore<TValue>;
 type TableOptionsWithReactiveData<TFeatures extends TableFeatures, TData extends RowData> = { [K in keyof TableOptions<TFeatures, TData>]: K extends 'data' ? MaybeRef<ReadonlyArray<TData>> : MaybeRef<TableOptions<TFeatures, TData>[K]> };
-type VueTable<TFeatures extends TableFeatures, TData extends RowData, TSelected = TableState<TFeatures>> = Table<TFeatures, TData> & {
+type VueTable<TFeatures extends TableFeatures, TData extends RowData, TSelected = TableState<TFeatures>> = Omit<Table<TFeatures, TData>, 'store'> & {
+  /**
+   * @deprecated Prefer `table.state` for render reads,
+   * `table.atoms.<slice>.get()` for slice snapshots, or
+   * `table.Subscribe` / `useSelector(table.store, selector)` for explicit
+   * subscriptions. `table.store.state` is a current-value snapshot and is easy
+   * to misuse in render code.
+   */
+  readonly store: Table<TFeatures, TData>['store'];
   /**
    * Store mode: `selector` required. Source mode: pass `source` (atom or store); omit
    * `selector` for the whole value (identity), or pass `selector` to project. Split
@@ -28,7 +36,9 @@ type VueTable<TFeatures extends TableFeatures, TData extends RowData, TSelected
     }): VNode | Array<VNode>;
   };
   /**
-   * The selected state of the table. This state may not match the structure of `table.store.state` because it is selected by the `selector` function that you pass as the 2nd argument to `useTable`.
+   * The selected state of the table. This state may not match the structure of
+   * the full table state because it is selected by the selector function that
+   * you pass as the 2nd argument to `useTable`.
    *
    * @example
    * const table = useTable(options, (state) => ({ globalFilter: state.globalFilter })) // only globalFilter is part of the selected state

package/dist/useTable.js

@@ -40,18 +40,16 @@ function useTable(tableOptions, selector) {
 	const syncTableOptions = (table, options) => {
 		table.setOptions(() => getOptionsWithReactiveValues(options));
 	};
-	const mergedOptions = {
-		...tableOptions,
-		_features: {
-			coreReativityFeature: vueReactivity(),
-			...tableOptions._features
-		}
-	};
-	const table = constructTable(mergeProxy(getOptionsWithReactiveValues(mergedOptions), { mergeOptions: (defaultOptions, newOptions) => {
+	const mergedOptions = mergeProxy(tableOptions, { _features: {
+		coreReativityFeature: vueReactivity(),
+		...unref(tableOptions._features) ?? {}
+	} });
+	const coreTable = constructTable(mergeProxy(getOptionsWithReactiveValues(mergedOptions), { mergeOptions: (defaultOptions, newOptions) => {
 		return mergeProxy(defaultOptions, newOptions);
 	} }));
+	const table = coreTable;
 	watch(() => getReactiveOptionDeps(mergedOptions), () => {
-		syncTableOptions(table, mergedOptions);
+		syncTableOptions(coreTable, mergedOptions);
 	}, { immediate: true });
 	watch(() => {
 		const controlledState = unref(tableOptions.state);
@@ -64,7 +62,7 @@ function useTable(tableOptions, selector) {
 		}
 		return controlledValues;
 	}, (controlledValues) => {
-		if (controlledValues.length > 0) syncTableOptions(table, mergedOptions);
+		if (controlledValues.length > 0) syncTableOptions(coreTable, mergedOptions);
 	}, { immediate: true });
 	table.Subscribe = ((props) => {
 		const selected = useSelector(props.source ?? table.store, props.selector, { compare: shallow });

package/dist/useTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.js","names":[],"sources":["../src/useTable.ts"],"sourcesContent":["import { unref, watch } from 'vue'\nimport { constructTable } from '@tanstack/table-core'\nimport { shallow, useSelector } from '@tanstack/vue-store'\nimport { mergeProxy } from './merge-proxy'\nimport { vueReactivity } from './reactivity'\nimport type {\n  Atom,\n  ReadonlyAtom,\n  ReadonlyStore,\n  Store,\n} from '@tanstack/vue-store'\nimport type {\n  NoInfer,\n  RowData,\n  Table,\n  TableFeatures,\n  TableOptions,\n  TableState,\n} from '@tanstack/table-core'\nimport type { MaybeRef, VNode } from 'vue'\n\nexport type SubscribeSource<TValue> =\n  | Atom<TValue>\n  | ReadonlyAtom<TValue>\n  | Store<TValue>\n  | ReadonlyStore<TValue>\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  TSelected = TableState<TFeatures>,\n> = Table<TFeatures, TData> & {\n  /**\n   * Store mode: `selector` required. Source mode: pass `source` (atom or store); omit\n   * `selector` for the whole value (identity), or pass `selector` to project. Split\n   * overloads so source-only infers `TSourceValue` for `children` (see React `Subscribe`).\n   */\n  Subscribe: {\n    <TSourceValue>(props: {\n      source: SubscribeSource<TSourceValue>\n      selector?: undefined\n      children:\n        | ((state: Readonly<TSourceValue>) => VNode | Array<VNode>)\n        | VNode\n        | Array<VNode>\n    }): VNode | Array<VNode>\n    <TSourceValue, TSubSelected>(props: {\n      source: SubscribeSource<TSourceValue>\n      selector: (state: TSourceValue) => TSubSelected\n      children:\n        | ((state: Readonly<TSubSelected>) => VNode | Array<VNode>)\n        | VNode\n        | Array<VNode>\n    }): VNode | Array<VNode>\n    <TSubSelected>(props: {\n      selector: (state: NoInfer<TableState<TFeatures>>) => TSubSelected\n      children:\n        | ((state: Readonly<TSubSelected>) => VNode | Array<VNode>)\n        | VNode\n        | Array<VNode>\n    }): VNode | Array<VNode>\n  }\n  /**\n   * The selected state of the table. This state may not match the structure of `table.store.state` because it is selected by the `selector` function that you pass as the 2nd argument to `useTable`.\n   *\n   * @example\n   * const table = useTable(options, (state) => ({ globalFilter: state.globalFilter })) // only globalFilter is part of the selected state\n   *\n   * console.log(table.state.globalFilter)\n   */\n  readonly state: Readonly<TSelected>\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. The optional selector projects from `table.store` and\n * exposes the selected value on `table.state`.\n *\n * @example\n * ```ts\n * const table = useTable(\n *   {\n *     _features,\n *     _rowModels: {},\n *     columns,\n *     data,\n *   },\n *   (state) => ({ pagination: state.pagination }),\n * )\n *\n * table.state.pagination\n * ```\n */\nexport function useTable<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TSelected = TableState<TFeatures>,\n>(\n  tableOptions:\n    | TableOptions<TFeatures, TData>\n    | TableOptionsWithReactiveData<TFeatures, TData>,\n  selector?: (state: TableState<TFeatures>) => TSelected,\n): VueTable<TFeatures, TData, TSelected> {\n  const syncTableOptions = (\n    table: Table<TFeatures, TData>,\n    options: TableOptionsWithReactiveData<TFeatures, TData>,\n  ) => {\n    table.setOptions(\n      () =>\n        getOptionsWithReactiveValues(options) as TableOptions<TFeatures, TData>,\n    )\n  }\n\n  const mergedOptions = {\n    ...tableOptions,\n    _features: {\n      coreReativityFeature: vueReactivity(),\n      ...tableOptions._features,\n    },\n  }\n\n  const resolvedOptions = mergeProxy(\n    getOptionsWithReactiveValues(\n      mergedOptions as TableOptionsWithReactiveData<TFeatures, TData>,\n    ),\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 mergeProxy(defaultOptions, newOptions)\n      },\n    },\n  ) as TableOptions<TFeatures, TData>\n\n  const table = constructTable(resolvedOptions) as VueTable<\n    TFeatures,\n    TData,\n    TSelected\n  >\n\n  watch(\n    () =>\n      getReactiveOptionDeps(\n        mergedOptions as TableOptionsWithReactiveData<TFeatures, TData>,\n      ),\n    () => {\n      syncTableOptions(table, 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(table, mergedOptions)\n      }\n    },\n    { immediate: true },\n  )\n\n  table.Subscribe = ((props: {\n    source?: SubscribeSource<unknown>\n    selector?: ((state: unknown) => unknown) | undefined\n    children:\n      | ((state: Readonly<unknown>) => VNode | Array<VNode>)\n      | VNode\n      | Array<VNode>\n  }) => {\n    const source = props.source ?? table.store\n    const selected = useSelector(source as never, props.selector as never, {\n      compare: shallow,\n    })\n    if (typeof props.children === 'function') {\n      return props.children(selected.value as Readonly<unknown>)\n    }\n    return props.children\n  }) as VueTable<TFeatures, TData, TSelected>['Subscribe']\n\n  const stateStore = useSelector(table.store, selector)\n\n  return {\n    ...table,\n    get state() {\n      return stateStore.value\n    },\n  }\n}\n"],"mappings":";;;;;;;AAoCA,SAAS,6BAGP,SAAyD;CACzD,MAAM,kBAA2C,EAAE;CAEnD,KAAK,MAAM,OAAO,OAAO,KAAK,QAAQ,EACpC,gBAAgB,OAAO,MACrB,QAAQ,KACT;CAGH,OAAO,WAAW,SAAS,gBAAgB;;AAG7C,SAAS,sBAGP,SAAyD;CACzD,OAAO,OAAO,KAAK,QAAQ,CAAC,KAAK,QAC/B,MAAM,QAAQ,KAA6D,CAC5E;;;;;;;;;;;;;;;;;;;;;;;;;AAwEH,SAAgB,SAKd,cAGA,UACuC;CACvC,MAAM,oBACJ,OACA,YACG;EACH,MAAM,iBAEF,6BAA6B,QAAQ,CACxC;;CAGH,MAAM,gBAAgB;EACpB,GAAG;EACH,WAAW;GACT,sBAAsB,eAAe;GACrC,GAAG,aAAa;GACjB;EACF;CAiBD,MAAM,QAAQ,eAfU,WACtB,6BACE,cACD,EACD,EAEE,eACE,gBACA,eACG;EACH,OAAO,WAAW,gBAAgB,WAAW;IAEhD,CAGyC,CAAC;CAM7C,YAEI,sBACE,cACD,QACG;EACJ,iBAAiB,OAAO,cAAc;IAExC,EAAE,WAAW,MAAM,CACpB;CAED,YACQ;EACJ,MAAM,kBAAkB,MAAM,aAAa,MAAM;EAGjD,MAAM,kBAAkB,MAAM,aAAa,MAAM;EAIjD,IAAI,CAAC,iBACH,OAAO,EAAE;EAGX,MAAM,mBAAmC,EAAE;EAE3C,KAAK,MAAM,OAAO,OAAO,KAAK,MAAM,aAAa,EAAE;GACjD,IAAI,EAAE,OAAO,uFAAoB,gBAAkB,UAAS,QAC1D;GAKF,iBAAiB,KAAK,gBAAgB,KAAK;;EAG7C,OAAO;KAER,qBAAqB;EACpB,IAAI,iBAAiB,SAAS,GAC5B,iBAAiB,OAAO,cAAc;IAG1C,EAAE,WAAW,MAAM,CACpB;CAED,MAAM,cAAc,UAOd;EAEJ,MAAM,WAAW,YADF,MAAM,UAAU,MAAM,OACS,MAAM,UAAmB,EACrE,SAAS,SACV,CAAC;EACF,IAAI,OAAO,MAAM,aAAa,YAC5B,OAAO,MAAM,SAAS,SAAS,MAA2B;EAE5D,OAAO,MAAM;;CAGf,MAAM,aAAa,YAAY,MAAM,OAAO,SAAS;CAErD,OAAO;EACL,GAAG;EACH,IAAI,QAAQ;GACV,OAAO,WAAW;;EAErB"}
+{"version":3,"file":"useTable.js","names":[],"sources":["../src/useTable.ts"],"sourcesContent":["import { unref, watch } from 'vue'\nimport { constructTable } from '@tanstack/table-core'\nimport { shallow, useSelector } from '@tanstack/vue-store'\nimport { mergeProxy } from './merge-proxy'\nimport { vueReactivity } from './reactivity'\nimport type {\n  Atom,\n  ReadonlyAtom,\n  ReadonlyStore,\n  Store,\n} from '@tanstack/vue-store'\nimport type {\n  NoInfer,\n  RowData,\n  Table,\n  TableFeatures,\n  TableOptions,\n  TableState,\n} from '@tanstack/table-core'\nimport type { MaybeRef, VNode } from 'vue'\n\nexport type SubscribeSource<TValue> =\n  | Atom<TValue>\n  | ReadonlyAtom<TValue>\n  | Store<TValue>\n  | ReadonlyStore<TValue>\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  TSelected = TableState<TFeatures>,\n> = Omit<Table<TFeatures, TData>, 'store'> & {\n  /**\n   * @deprecated Prefer `table.state` for render reads,\n   * `table.atoms.<slice>.get()` for slice snapshots, or\n   * `table.Subscribe` / `useSelector(table.store, selector)` for explicit\n   * subscriptions. `table.store.state` is a current-value snapshot and is easy\n   * to misuse in render code.\n   */\n  readonly store: Table<TFeatures, TData>['store']\n  /**\n   * Store mode: `selector` required. Source mode: pass `source` (atom or store); omit\n   * `selector` for the whole value (identity), or pass `selector` to project. Split\n   * overloads so source-only infers `TSourceValue` for `children` (see React `Subscribe`).\n   */\n  Subscribe: {\n    <TSourceValue>(props: {\n      source: SubscribeSource<TSourceValue>\n      selector?: undefined\n      children:\n        | ((state: Readonly<TSourceValue>) => VNode | Array<VNode>)\n        | VNode\n        | Array<VNode>\n    }): VNode | Array<VNode>\n    <TSourceValue, TSubSelected>(props: {\n      source: SubscribeSource<TSourceValue>\n      selector: (state: TSourceValue) => TSubSelected\n      children:\n        | ((state: Readonly<TSubSelected>) => VNode | Array<VNode>)\n        | VNode\n        | Array<VNode>\n    }): VNode | Array<VNode>\n    <TSubSelected>(props: {\n      selector: (state: NoInfer<TableState<TFeatures>>) => TSubSelected\n      children:\n        | ((state: Readonly<TSubSelected>) => VNode | Array<VNode>)\n        | VNode\n        | Array<VNode>\n    }): VNode | Array<VNode>\n  }\n  /**\n   * The selected state of the table. This state may not match the structure of\n   * the full table state because it is selected by the selector function that\n   * you pass as the 2nd argument to `useTable`.\n   *\n   * @example\n   * const table = useTable(options, (state) => ({ globalFilter: state.globalFilter })) // only globalFilter is part of the selected state\n   *\n   * console.log(table.state.globalFilter)\n   */\n  readonly state: Readonly<TSelected>\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. The optional selector projects from `table.store` and\n * exposes the selected value on `table.state`.\n *\n * @example\n * ```ts\n * const table = useTable(\n *   {\n *     _features,\n *     _rowModels: {},\n *     columns,\n *     data,\n *   },\n *   (state) => ({ pagination: state.pagination }),\n * )\n *\n * table.state.pagination\n * ```\n */\nexport function useTable<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TSelected = TableState<TFeatures>,\n>(\n  tableOptions:\n    | TableOptions<TFeatures, TData>\n    | TableOptionsWithReactiveData<TFeatures, TData>,\n  selector?: (state: TableState<TFeatures>) => TSelected,\n): VueTable<TFeatures, TData, TSelected> {\n  const syncTableOptions = (\n    table: Table<TFeatures, TData>,\n    options: TableOptionsWithReactiveData<TFeatures, TData>,\n  ) => {\n    table.setOptions(\n      () =>\n        getOptionsWithReactiveValues(options) as TableOptions<TFeatures, TData>,\n    )\n  }\n\n  const mergedOptions = mergeProxy(tableOptions, {\n    _features: {\n      coreReativityFeature: vueReactivity(),\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 mergeProxy(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, TSelected>\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    source?: SubscribeSource<unknown>\n    selector?: ((state: unknown) => unknown) | undefined\n    children:\n      | ((state: Readonly<unknown>) => VNode | Array<VNode>)\n      | VNode\n      | Array<VNode>\n  }) => {\n    const source = props.source ?? table.store\n    const selected = useSelector(source as never, props.selector as never, {\n      compare: shallow,\n    })\n    if (typeof props.children === 'function') {\n      return props.children(selected.value as Readonly<unknown>)\n    }\n    return props.children\n  }) as VueTable<TFeatures, TData, TSelected>['Subscribe']\n\n  const stateStore = useSelector(table.store, selector)\n\n  return {\n    ...table,\n    get state() {\n      return stateStore.value\n    },\n  }\n}\n"],"mappings":";;;;;;;AAoCA,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,EAAE,KAAK,QAC/B,MAAM,QAAQ,IAA4D,CAC5E;AACF;;;;;;;;;;;;;;;;;;;;;;;;AAiFA,SAAgB,SAKd,cAGA,UACuC;CACvC,MAAM,oBACJ,OACA,YACG;EACH,MAAM,iBAEF,6BAA6B,OAAO,CACxC;CACF;CAEA,MAAM,gBAAgB,WAAW,cAAc,EAC7C,WAAW;EACT,sBAAsB,cAAc;EACpC,GAAI,MAAM,aAAa,SAAS,KAAK,CAAC;CACxC,EACF,CAAC;CAeD,MAAM,YAAY,eAbM,WACtB,6BAA6B,aAAa,GAC1C,EAEE,eACE,gBACA,eACG;EACH,OAAO,WAAW,gBAAgB,UAAU;CAC9C,EACF,CAG6C,CAAC;CAChD,MAAM,QAAQ;CAEd,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,cAAc,UAOd;EAEJ,MAAM,WAAW,YADF,MAAM,UAAU,MAAM,OACS,MAAM,UAAmB,EACrE,SAAS,QACX,CAAC;EACD,IAAI,OAAO,MAAM,aAAa,YAC5B,OAAO,MAAM,SAAS,SAAS,KAA0B;EAE3D,OAAO,MAAM;CACf;CAEA,MAAM,aAAa,YAAY,MAAM,OAAO,QAAQ;CAEpD,OAAO;EACL,GAAG;EACH,IAAI,QAAQ;GACV,OAAO,WAAW;EACpB;CACF;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/vue-table",
-  "version": "9.0.0-alpha.49",
+  "version": "9.0.0-alpha.51",
   "description": "Headless UI for building powerful tables & datagrids for Vue.",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -51,7 +51,7 @@
   ],
   "dependencies": {
     "@tanstack/vue-store": "^0.11.0",
-    "@tanstack/table-core": "9.0.0-alpha.49"
+    "@tanstack/table-core": "9.0.0-alpha.51"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.7",

package/skills/vue/compose-with-tanstack-store/SKILL.md

@@ -117,8 +117,8 @@ useSelector(table.atoms.sorting) // reactive ref-like
 computed(() => table.atoms.sorting.get()) // alternative
 
 // (b) Flat store — full snapshot.
-table.store.state // readonly
-table.store.state.sorting // current value
+table.state // readonly
+table.state.sorting // current value
 
 // (c) useTable selector — typed reactive projection.
 const table = useTable(opts, (s) => ({ sorting: s.sorting }))
@@ -285,7 +285,7 @@ const sorting = computed(() => sortingAtom.get())
 
 ### Hallucinating pre-v9 API names (CRITICAL)
 
-`useVueTable`, `table.getState()` — both v8. v9 uses `useTable` and `table.store.state` /
+`useVueTable`, `table.getState()` — both v8. v9 uses `useTable` and `table.state` /
 `table.state` / `table.atoms.<slice>.get()`. See `tanstack-table/vue/migrate-v8-to-v9`.
 
 ### "API missing" because feature not in `_features` (CRITICAL — v9-specific)

package/skills/vue/migrate-v8-to-v9/SKILL.md

@@ -5,7 +5,7 @@ description: >
   → `useTable`, move `getCoreRowModel`/`getSortedRowModel`/etc. options into `_rowModels`
   factories, add the mandatory `_features` via `tableFeatures({...})`, update
   `createColumnHelper<TData>()` → `createColumnHelper<typeof _features, TData>()`, rename
-  `sortingFn`/`sortingFns` → `sortFn`/`sortFns`, swap `table.getState()` for `table.store.state`
+  `sortingFn`/`sortingFns` → `sortFn`/`sortFns`, swap `table.getState()` for `table.state`
   / `table.state` / `table.atoms.<slice>.get()`, and prefer `<FlexRender :cell="cell" />` over the
   legacy `:render`/`:props` shape. Vue has NO `/legacy` entrypoint — migration is a direct
   rewrite. The Vue adapter installs `vueReactivity()` automatically.
@@ -133,7 +133,7 @@ const table = useTable({
 | `state.columnSizingInfo`                                                                  | `state.columnResizing`                                                                |
 | `onColumnSizingInfoChange`                                                                | `onColumnResizingChange`                                                              |
 | `ColumnSizing` feature                                                                    | `columnSizingFeature` + `columnResizingFeature` (split)                               |
-| `table.getState()`                                                                        | `table.store.state` (full) / `table.state` (selector) / `table.atoms.<slice>.get()`   |
+| `table.getState()`                                                                        | `table.state` (full) / `table.state` (selector) / `table.atoms.<slice>.get()`         |
 | `row._getAllCellsByColumnId()`                                                            | `row.getAllCellsByColumnId()` (underscore removed)                                    |
 | `table._getFacetedRowModel()` / `_getFacetedMinMaxValues()` / `_getFacetedUniqueValues()` | Same names without leading underscore                                                 |
 | `<FlexRender :render="…" :props="…" />`                                                   | `<FlexRender :cell="cell" />` / `:header` / `:footer` (preferred; legacy still works) |
@@ -193,7 +193,7 @@ const sorting = table.getState().sorting
 
 // v9 — pick the narrowest read.
 const sorting = table.atoms.sorting.get() // narrowest, no full state object built
-const snapshot = table.store.state // full readonly view
+const snapshot = table.state // full readonly view
 const table = useTable(opts, (s) => ({ sorting: s.sorting })) // selected reactive state
 table.state.sorting // typed selector output
 ```

package/skills/vue/table-state/SKILL.md

@@ -127,7 +127,7 @@ The Vue adapter calls `vueReactivity()` and installs it as `coreReativityFeature
 const sorting = table.atoms.sorting.get()
 
 // (b) Flat readonly store — every registered slice as one object
-const snapshot = table.store.state
+const snapshot = table.state
 
 // (c) Vue selected state — the value returned from useTable's 2nd arg
 const table = useTable(

package/src/reactivity.ts

@@ -1,4 +1,11 @@
-import { computed, shallowRef, watch } from 'vue'
+import {
+  computed,
+  getCurrentScope,
+  onScopeDispose,
+  shallowRef,
+  watch,
+} from 'vue'
+import { batch, createAtom } from '@tanstack/vue-store'
 import type {
   TableAtomOptions,
   TableReactivityBindings,
@@ -6,6 +13,8 @@ import type {
 import type { Atom, Observer, ReadonlyAtom } from '@tanstack/vue-store'
 import type { ComputedRef, ShallowRef } from 'vue'
 
+const optionsStoreDebugName = 'table/optionsStore'
+
 function observerToCallback<T>(
   observerOrNext: Observer<T> | ((value: T) => void),
 ): (value: T) => void {
@@ -49,24 +58,47 @@ function refToWritableAtom<T>(source: ShallowRef<T>): Atom<T> {
 /**
  * Creates the table-core reactivity bindings used by the Vue adapter.
  *
- * Readonly table atoms are backed by Vue `computed` refs and writable atoms by
- * `shallowRef`. Subscriptions use synchronous `watch` callbacks so table store
- * updates are visible to Vue render and computed work immediately.
+ * Table state atoms are backed by TanStack Store atoms. The options store stays
+ * framework-native because row-model APIs read `table.options` directly during
+ * render. Readonly table atoms bridge Store dependency tracking into Vue computed
+ * refs.
  */
 export function vueReactivity(): TableReactivityBindings {
   return {
     createOptionsStore: true,
     schedule: (fn) => queueMicrotask(() => fn()),
     createReadonlyAtom: <T>(fn: () => T, _options?: TableAtomOptions<T>) => {
-      return refToReadonlyAtom(computed(fn))
+      const storeAtom = createAtom(() => fn(), {
+        compare: _options?.compare,
+      })
+      const version = shallowRef(0)
+      const subscription = storeAtom.subscribe(() => {
+        version.value += 1
+      })
+      if (getCurrentScope()) {
+        onScopeDispose(() => subscription.unsubscribe())
+      }
+
+      return refToReadonlyAtom(
+        computed(() => {
+          version.value
+          return storeAtom.get()
+        }),
+      )
     },
     createWritableAtom: <T>(
       value: T,
       _options?: TableAtomOptions<T>,
     ): Atom<T> => {
-      return refToWritableAtom(shallowRef(value) as ShallowRef<T>)
+      if (_options?.debugName === optionsStoreDebugName) {
+        return refToWritableAtom(shallowRef(value) as ShallowRef<T>)
+      }
+
+      return createAtom(value, {
+        compare: _options?.compare,
+      })
     },
     untrack: (fn) => fn(),
-    batch: (fn) => fn(),
+    batch,
   }
 }

package/src/useTable.ts

@@ -62,7 +62,15 @@ export type VueTable<
   TFeatures extends TableFeatures,
   TData extends RowData,
   TSelected = TableState<TFeatures>,
-> = Table<TFeatures, TData> & {
+> = Omit<Table<TFeatures, TData>, 'store'> & {
+  /**
+   * @deprecated Prefer `table.state` for render reads,
+   * `table.atoms.<slice>.get()` for slice snapshots, or
+   * `table.Subscribe` / `useSelector(table.store, selector)` for explicit
+   * subscriptions. `table.store.state` is a current-value snapshot and is easy
+   * to misuse in render code.
+   */
+  readonly store: Table<TFeatures, TData>['store']
   /**
    * Store mode: `selector` required. Source mode: pass `source` (atom or store); omit
    * `selector` for the whole value (identity), or pass `selector` to project. Split
@@ -94,7 +102,9 @@ export type VueTable<
     }): VNode | Array<VNode>
   }
   /**
-   * The selected state of the table. This state may not match the structure of `table.store.state` because it is selected by the `selector` function that you pass as the 2nd argument to `useTable`.
+   * The selected state of the table. This state may not match the structure of
+   * the full table state because it is selected by the selector function that
+   * you pass as the 2nd argument to `useTable`.
    *
    * @example
    * const table = useTable(options, (state) => ({ globalFilter: state.globalFilter })) // only globalFilter is part of the selected state
@@ -147,18 +157,15 @@ export function useTable<
     )
   }
 
-  const mergedOptions = {
-    ...tableOptions,
+  const mergedOptions = mergeProxy(tableOptions, {
     _features: {
       coreReativityFeature: vueReactivity(),
-      ...tableOptions._features,
+      ...(unref(tableOptions._features) ?? {}),
     },
-  }
+  }) as TableOptionsWithReactiveData<TFeatures, TData>
 
   const resolvedOptions = mergeProxy(
-    getOptionsWithReactiveValues(
-      mergedOptions as TableOptionsWithReactiveData<TFeatures, TData>,
-    ),
+    getOptionsWithReactiveValues(mergedOptions),
     {
       // Remove state and onStateChange - store handles it internally
       mergeOptions: (
@@ -170,19 +177,13 @@ export function useTable<
     },
   ) as TableOptions<TFeatures, TData>
 
-  const table = constructTable(resolvedOptions) as VueTable<
-    TFeatures,
-    TData,
-    TSelected
-  >
+  const coreTable = constructTable(resolvedOptions)
+  const table = coreTable as unknown as VueTable<TFeatures, TData, TSelected>
 
   watch(
-    () =>
-      getReactiveOptionDeps(
-        mergedOptions as TableOptionsWithReactiveData<TFeatures, TData>,
-      ),
+    () => getReactiveOptionDeps(mergedOptions),
     () => {
-      syncTableOptions(table, mergedOptions)
+      syncTableOptions(coreTable, mergedOptions)
     },
     { immediate: true },
   )
@@ -216,7 +217,7 @@ export function useTable<
     },
     (controlledValues) => {
       if (controlledValues.length > 0) {
-        syncTableOptions(table, mergedOptions)
+        syncTableOptions(coreTable, mergedOptions)
       }
     },
     { immediate: true },