@accelint/design-toolkit 9.13.0 → 10.0.0

package/dist/components/table/body.js.map

@@ -1 +1 @@
-{"version":3,"file":"body.js","names":[],"sources":["../../../src/components/table/body.tsx"],"sourcesContent":["// __private-exports\n/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { TableRow } from './row';\nimport type { TableBodyProps } from './types';\n\n/**\n * TableBody - Renders the table body section (`<tbody>`).\n *\n * @example\n * ```tsx\n * <Table>\n *   <TableHeader headerGroups={table.getHeaderGroups()} />\n *   <TableBody rows={table.getRowModel().rows} />\n * </Table>\n * ```\n *\n * @param props - {@link TableBodyProps}\n * @param props.children - Custom children content.\n * @param props.className - CSS class for the tbody element.\n * @param props.ref - Ref to the tbody element.\n * @param props.rows - Array of TanStack table rows to render.\n * @returns The rendered TableBody component.\n */\nexport function TableBody<T>({\n  children,\n  className,\n  ref,\n  rows,\n  ...rest\n}: TableBodyProps<T>) {\n  return (\n    <tbody {...rest} ref={ref} className={clsx('group/tbody', className)}>\n      {children || rows?.map((row) => <TableRow key={row.id} row={row} />)}\n    </tbody>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,SAAgB,UAAa,EAC3B,UACA,WACA,KACA,MACA,GAAG,QACiB;AACpB,QACE,oBAAC;EAAM,GAAI;EAAW;EAAK,WAAW,KAAK,eAAe,UAAU;YACjE,YAAY,MAAM,KAAK,QAAQ,oBAAC,YAA2B,OAAb,IAAI,GAAgB,CAAC;GAC9D"}
+{"version":3,"file":"body.js","names":[],"sources":["../../../src/components/table/body.tsx"],"sourcesContent":["// __private-exports\n/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { TableRow } from './row';\nimport type { RowData } from '@tanstack/react-table';\nimport type { TableBodyProps } from './types';\n\n/**\n * TableBody - Renders the table body section (`<tbody>`).\n *\n * @example\n * ```tsx\n * <Table>\n *   <TableHeader headerGroups={table.getHeaderGroups()} />\n *   <TableBody rows={table.getRowModel().rows} />\n * </Table>\n * ```\n *\n * @param props - {@link TableBodyProps}\n * @param props.children - Custom children content.\n * @param props.className - CSS class for the tbody element.\n * @param props.ref - Ref to the tbody element.\n * @param props.rows - Array of TanStack table rows to render.\n * @returns The rendered TableBody component.\n */\nexport function TableBody<T extends RowData>({\n  children,\n  className,\n  ref,\n  rows,\n  ...rest\n}: TableBodyProps<T>) {\n  return (\n    <tbody {...rest} ref={ref} className={clsx('group/tbody', className)}>\n      {children || rows?.map((row) => <TableRow key={row.id} row={row} />)}\n    </tbody>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,SAAgB,UAA6B,EAC3C,UACA,WACA,KACA,MACA,GAAG,QACiB;AACpB,QACE,oBAAC;EAAM,GAAI;EAAW;EAAK,WAAW,KAAK,eAAe,UAAU;YACjE,YAAY,MAAM,KAAK,QAAQ,oBAAC,YAA2B,OAAb,IAAI,GAAgB,CAAC;GAC9D"}

package/dist/components/table/cell.d.ts

@@ -11,7 +11,8 @@
  */
 
 import { TableCellProps } from "./types.js";
-import * as react_jsx_runtime98 from "react/jsx-runtime";
+import * as react_jsx_runtime170 from "react/jsx-runtime";
+import { RowData } from "@tanstack/react-table";
 
 //#region src/components/table/cell.d.ts
 
@@ -34,13 +35,13 @@ import * as react_jsx_runtime98 from "react/jsx-runtime";
  * @param props.cell - TanStack table cell object.
  * @returns The rendered TableCell component.
  */
-declare function TableCell<T>({
+declare function TableCell<T extends RowData>({
   children,
   ref,
   className,
   cell,
   ...rest
-}: TableCellProps<T>): react_jsx_runtime98.JSX.Element;
+}: TableCellProps<T>): react_jsx_runtime170.JSX.Element;
 //#endregion
 export { TableCell };
 //# sourceMappingURL=cell.d.ts.map

package/dist/components/table/cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"cell.js","names":[],"sources":["../../../src/components/table/cell.tsx"],"sourcesContent":["// __private-exports\n/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { flexRender } from '@tanstack/react-table';\nimport { useContext } from 'react';\nimport { HeaderColumnAction } from './constants/table';\nimport { TableContext } from './context';\nimport styles from './styles.module.css';\nimport type { TableCellProps } from './types';\n\n/**\n * TableCell - Data cell (`<td>`) within a table row.\n *\n * @example\n * ```tsx\n * <TableRow row={row}>\n *   {row.getAllCells().map(cell => (\n *     <TableCell key={cell.id} cell={cell} />\n *   ))}\n * </TableRow>\n * ```\n *\n * @param props - {@link TableCellProps}\n * @param props.children - Custom children content.\n * @param props.ref - Ref to the td element.\n * @param props.className - CSS class for the td element.\n * @param props.cell - TanStack table cell object.\n * @returns The rendered TableCell component.\n */\nexport function TableCell<T>({\n  children,\n  ref,\n  className,\n  cell,\n  ...rest\n}: TableCellProps<T>) {\n  const { columnSelection, persistNumerals } = useContext(TableContext);\n  const isNumeral = cell?.column.id === HeaderColumnAction.NUMERAL;\n  const isSelected = cell?.column.id === columnSelection;\n  const notPersistNums = isNumeral && !persistNumerals;\n\n  return (\n    <td\n      {...rest}\n      ref={ref}\n      className={clsx(\n        styles.cell,\n        notPersistNums && styles.hideInRow,\n        className,\n      )}\n      data-selected={isSelected || null}\n      style={{ width: cell?.column.getSize() }}\n    >\n      {children ||\n        (cell && flexRender(cell.column.columnDef.cell, cell.getContext()))}\n    </td>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,SAAgB,UAAa,EAC3B,UACA,KACA,WACA,MACA,GAAG,QACiB;CACpB,MAAM,EAAE,iBAAiB,oBAAoB,WAAW,aAAa;CACrE,MAAM,YAAY,MAAM,OAAO,OAAO,mBAAmB;CACzD,MAAM,aAAa,MAAM,OAAO,OAAO;CACvC,MAAM,iBAAiB,aAAa,CAAC;AAErC,QACE,oBAAC;EACC,GAAI;EACC;EACL,WAAW,KACT,OAAO,MACP,kBAAkB,OAAO,WACzB,UACD;EACD,iBAAe,cAAc;EAC7B,OAAO,EAAE,OAAO,MAAM,OAAO,SAAS,EAAE;YAEvC,YACE,QAAQ,WAAW,KAAK,OAAO,UAAU,MAAM,KAAK,YAAY,CAAC;GACjE"}
+{"version":3,"file":"cell.js","names":[],"sources":["../../../src/components/table/cell.tsx"],"sourcesContent":["// __private-exports\n/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { flexRender, type RowData } from '@tanstack/react-table';\nimport { useContext } from 'react';\nimport { HeaderColumnAction } from './constants/table';\nimport { TableContext } from './context';\nimport styles from './styles.module.css';\nimport type { TableCellProps } from './types';\n\n/**\n * TableCell - Data cell (`<td>`) within a table row.\n *\n * @example\n * ```tsx\n * <TableRow row={row}>\n *   {row.getAllCells().map(cell => (\n *     <TableCell key={cell.id} cell={cell} />\n *   ))}\n * </TableRow>\n * ```\n *\n * @param props - {@link TableCellProps}\n * @param props.children - Custom children content.\n * @param props.ref - Ref to the td element.\n * @param props.className - CSS class for the td element.\n * @param props.cell - TanStack table cell object.\n * @returns The rendered TableCell component.\n */\nexport function TableCell<T extends RowData>({\n  children,\n  ref,\n  className,\n  cell,\n  ...rest\n}: TableCellProps<T>) {\n  const { columnSelection, persistNumerals } = useContext(TableContext);\n  const isNumeral = cell?.column.id === HeaderColumnAction.NUMERAL;\n  const isSelected = cell?.column.id === columnSelection;\n  const notPersistNums = isNumeral && !persistNumerals;\n\n  return (\n    <td\n      {...rest}\n      ref={ref}\n      className={clsx(\n        styles.cell,\n        notPersistNums && styles.hideInRow,\n        className,\n      )}\n      data-selected={isSelected || null}\n      style={{ width: cell?.column.getSize() }}\n    >\n      {children ||\n        (cell && flexRender(cell.column.columnDef.cell, cell.getContext()))}\n    </td>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,SAAgB,UAA6B,EAC3C,UACA,KACA,WACA,MACA,GAAG,QACiB;CACpB,MAAM,EAAE,iBAAiB,oBAAoB,WAAW,aAAa;CACrE,MAAM,YAAY,MAAM,OAAO,OAAO,mBAAmB;CACzD,MAAM,aAAa,MAAM,OAAO,OAAO;CACvC,MAAM,iBAAiB,aAAa,CAAC;AAErC,QACE,oBAAC;EACC,GAAI;EACC;EACL,WAAW,KACT,OAAO,MACP,kBAAkB,OAAO,WACzB,UACD;EACD,iBAAe,cAAc;EAC7B,OAAO,EAAE,OAAO,MAAM,OAAO,SAAS,EAAE;YAEvC,YACE,QAAQ,WAAW,KAAK,OAAO,UAAU,MAAM,KAAK,YAAY,CAAC;GACjE"}

package/dist/components/table/context.d.ts

@@ -11,11 +11,11 @@
  */
 
 import { TableContextValue } from "./types.js";
-import * as react28 from "react";
+import * as react39 from "react";
 
 //#region src/components/table/context.d.ts
 /** Context for sharing table configuration across subcomponents */
-declare const TableContext: react28.Context<TableContextValue>;
+declare const TableContext: react39.Context<TableContextValue>;
 //#endregion
 export { TableContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/table/features.d.ts

@@ -0,0 +1,80 @@
+/*
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import * as _tanstack_react_table0 from "@tanstack/react-table";
+import { RowData } from "@tanstack/react-table";
+
+//#region src/components/table/features.d.ts
+/**
+ * The TanStack Table feature set registered for every Table instance.
+ *
+ * Use `typeof tableFeatures` (or {@link TableFeatures}) as the first generic
+ * of TanStack types (`ColumnDef`, `CellContext`, etc.) when typing columns
+ * for the Table component.
+ */
+declare const tableFeatures: {
+  rowSortingFeature: _tanstack_react_table0.TableFeature;
+  rowSelectionFeature: _tanstack_react_table0.TableFeature;
+  rowPinningFeature: _tanstack_react_table0.TableFeature;
+  rowPaginationFeature: _tanstack_react_table0.TableFeature;
+  rowOrderingFeature: _tanstack_react_table0.TableFeature;
+  columnOrderingFeature: _tanstack_react_table0.TableFeature;
+  columnSizingFeature: _tanstack_react_table0.TableFeature;
+  sortedRowModel: (table: _tanstack_react_table0.Table<any, any>) => () => _tanstack_react_table0.RowModel<any, any>;
+  paginatedRowModel: (table: _tanstack_react_table0.Table<any, any>) => () => _tanstack_react_table0.RowModel<any, any>;
+  sortFns: {
+    alphanumeric: _tanstack_react_table0.CreatedSortFn<any, any>;
+    alphanumericCaseSensitive: _tanstack_react_table0.CreatedSortFn<any, any>;
+    basic: _tanstack_react_table0.CreatedSortFn<any, any>;
+    datetime: _tanstack_react_table0.CreatedSortFn<any, any>;
+    text: _tanstack_react_table0.CreatedSortFn<any, any>;
+    textCaseSensitive: _tanstack_react_table0.CreatedSortFn<any, any>;
+  };
+};
+/**
+ * Feature set type of the Table component; first generic parameter for
+ * TanStack Table types.
+ */
+type TableFeatures = typeof tableFeatures;
+/**
+ * Column helper pre-bound to the Table component's feature set.
+ *
+ * Replacement for TanStack Table v8's `createColumnHelper<TData>()`.
+ *
+ * @example
+ * ```tsx
+ * const columnHelper = createTableColumnHelper<Person>();
+ * const columns = [columnHelper.accessor('firstName', { header: 'First Name' })];
+ * ```
+ */
+declare function createTableColumnHelper<TData extends RowData>(): _tanstack_react_table0.ColumnHelper<{
+  rowSortingFeature: _tanstack_react_table0.TableFeature;
+  rowSelectionFeature: _tanstack_react_table0.TableFeature;
+  rowPinningFeature: _tanstack_react_table0.TableFeature;
+  rowPaginationFeature: _tanstack_react_table0.TableFeature;
+  rowOrderingFeature: _tanstack_react_table0.TableFeature;
+  columnOrderingFeature: _tanstack_react_table0.TableFeature;
+  columnSizingFeature: _tanstack_react_table0.TableFeature;
+  sortedRowModel: (table: _tanstack_react_table0.Table<any, any>) => () => _tanstack_react_table0.RowModel<any, any>;
+  paginatedRowModel: (table: _tanstack_react_table0.Table<any, any>) => () => _tanstack_react_table0.RowModel<any, any>;
+  sortFns: {
+    alphanumeric: _tanstack_react_table0.CreatedSortFn<any, any>;
+    alphanumericCaseSensitive: _tanstack_react_table0.CreatedSortFn<any, any>;
+    basic: _tanstack_react_table0.CreatedSortFn<any, any>;
+    datetime: _tanstack_react_table0.CreatedSortFn<any, any>;
+    text: _tanstack_react_table0.CreatedSortFn<any, any>;
+    textCaseSensitive: _tanstack_react_table0.CreatedSortFn<any, any>;
+  };
+}, TData>;
+//#endregion
+export { TableFeatures, createTableColumnHelper, tableFeatures };
+//# sourceMappingURL=features.d.ts.map

package/dist/components/table/features.js

@@ -0,0 +1,61 @@
+/*
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
+import { rowOrderingFeature } from "./row-ordering-feature.js";
+import { columnOrderingFeature, columnSizingFeature, createColumnHelper, createPaginatedRowModel, createSortedRowModel, rowPaginationFeature, rowPinningFeature, rowSelectionFeature, rowSortingFeature, sortFn_alphanumeric, sortFn_alphanumericCaseSensitive, sortFn_basic, sortFn_datetime, sortFn_text, sortFn_textCaseSensitive, tableFeatures as tableFeatures$1 } from "@tanstack/react-table";
+
+//#region src/components/table/features.ts
+/**
+* The TanStack Table feature set registered for every Table instance.
+*
+* Use `typeof tableFeatures` (or {@link TableFeatures}) as the first generic
+* of TanStack types (`ColumnDef`, `CellContext`, etc.) when typing columns
+* for the Table component.
+*/
+const tableFeatures = tableFeatures$1({
+	rowSortingFeature,
+	rowSelectionFeature,
+	rowPinningFeature,
+	rowPaginationFeature,
+	rowOrderingFeature,
+	columnOrderingFeature,
+	columnSizingFeature,
+	sortedRowModel: createSortedRowModel(),
+	paginatedRowModel: createPaginatedRowModel(),
+	sortFns: {
+		alphanumeric: sortFn_alphanumeric,
+		alphanumericCaseSensitive: sortFn_alphanumericCaseSensitive,
+		basic: sortFn_basic,
+		datetime: sortFn_datetime,
+		text: sortFn_text,
+		textCaseSensitive: sortFn_textCaseSensitive
+	}
+});
+/**
+* Column helper pre-bound to the Table component's feature set.
+*
+* Replacement for TanStack Table v8's `createColumnHelper<TData>()`.
+*
+* @example
+* ```tsx
+* const columnHelper = createTableColumnHelper<Person>();
+* const columns = [columnHelper.accessor('firstName', { header: 'First Name' })];
+* ```
+*/
+function createTableColumnHelper() {
+	return createColumnHelper();
+}
+
+//#endregion
+export { createTableColumnHelper, tableFeatures };
+//# sourceMappingURL=features.js.map

package/dist/components/table/features.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features.js","names":["createTableFeatures"],"sources":["../../../src/components/table/features.ts"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  columnOrderingFeature,\n  columnSizingFeature,\n  createColumnHelper,\n  createPaginatedRowModel,\n  createSortedRowModel,\n  tableFeatures as createTableFeatures,\n  rowPaginationFeature,\n  rowPinningFeature,\n  rowSelectionFeature,\n  rowSortingFeature,\n  sortFn_alphanumeric,\n  sortFn_alphanumericCaseSensitive,\n  sortFn_basic,\n  sortFn_datetime,\n  sortFn_text,\n  sortFn_textCaseSensitive,\n} from '@tanstack/react-table';\nimport { rowOrderingFeature } from './row-ordering-feature';\nimport type { RowData } from '@tanstack/react-table';\n\n/**\n * The TanStack Table feature set registered for every Table instance.\n *\n * Use `typeof tableFeatures` (or {@link TableFeatures}) as the first generic\n * of TanStack types (`ColumnDef`, `CellContext`, etc.) when typing columns\n * for the Table component.\n */\nexport const tableFeatures = createTableFeatures({\n  rowSortingFeature,\n  rowSelectionFeature,\n  rowPinningFeature,\n  rowPaginationFeature,\n  rowOrderingFeature,\n  columnOrderingFeature,\n  columnSizingFeature,\n  sortedRowModel: createSortedRowModel(),\n  paginatedRowModel: createPaginatedRowModel(),\n  // all built-in sortFns so column `sortFn` string names (and 'auto') resolve\n  sortFns: {\n    alphanumeric: sortFn_alphanumeric,\n    alphanumericCaseSensitive: sortFn_alphanumericCaseSensitive,\n    basic: sortFn_basic,\n    datetime: sortFn_datetime,\n    text: sortFn_text,\n    textCaseSensitive: sortFn_textCaseSensitive,\n  },\n});\n\n/**\n * Feature set type of the Table component; first generic parameter for\n * TanStack Table types.\n */\nexport type TableFeatures = typeof tableFeatures;\n\n/**\n * Column helper pre-bound to the Table component's feature set.\n *\n * Replacement for TanStack Table v8's `createColumnHelper<TData>()`.\n *\n * @example\n * ```tsx\n * const columnHelper = createTableColumnHelper<Person>();\n * const columns = [columnHelper.accessor('firstName', { header: 'First Name' })];\n * ```\n */\nexport function createTableColumnHelper<TData extends RowData>() {\n  return createColumnHelper<TableFeatures, TData>();\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwCA,MAAa,gBAAgBA,gBAAoB;CAC/C;CACA;CACA;CACA;CACA;CACA;CACA;CACA,gBAAgB,sBAAsB;CACtC,mBAAmB,yBAAyB;CAE5C,SAAS;EACP,cAAc;EACd,2BAA2B;EAC3B,OAAO;EACP,UAAU;EACV,MAAM;EACN,mBAAmB;EACpB;CACF,CAAC;;;;;;;;;;;;AAmBF,SAAgB,0BAAiD;AAC/D,QAAO,oBAA0C"}

package/dist/components/table/header-cell.d.ts

@@ -11,7 +11,8 @@
  */
 
 import { TableHeaderCellProps } from "./types.js";
-import * as react_jsx_runtime100 from "react/jsx-runtime";
+import * as react_jsx_runtime172 from "react/jsx-runtime";
+import { RowData } from "@tanstack/react-table";
 
 //#region src/components/table/header-cell.d.ts
 
@@ -36,13 +37,13 @@ import * as react_jsx_runtime100 from "react/jsx-runtime";
  * @param props.header - TanStack table header object.
  * @returns The rendered TableHeaderCell component.
  */
-declare function TableHeaderCell<T>({
+declare function TableHeaderCell<T extends RowData>({
   ref,
   children,
   className,
   header,
   ...rest
-}: TableHeaderCellProps<T>): react_jsx_runtime100.JSX.Element;
+}: TableHeaderCellProps<T>): react_jsx_runtime172.JSX.Element;
 //#endregion
 export { TableHeaderCell };
 //# sourceMappingURL=header-cell.d.ts.map

package/dist/components/table/header-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-cell.js","names":[],"sources":["../../../src/components/table/header-cell.tsx"],"sourcesContent":["// __private-exports\n/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport ArrowDown from '@accelint/icons/arrow-down';\nimport ArrowUp from '@accelint/icons/arrow-up';\nimport Kebab from '@accelint/icons/kebab';\nimport { flexRender, type Header } from '@tanstack/react-table';\nimport { useContext, useState } from 'react';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { Menu } from '../menu';\nimport { MenuItem } from '../menu/item';\nimport { MenuSeparator } from '../menu/separator';\nimport { MenuTrigger } from '../menu/trigger';\nimport {\n  HeaderColumnAction,\n  headerColumnActionValues,\n  SortDirection,\n} from './constants/table';\nimport { TableContext } from './context';\nimport styles from './styles.module.css';\nimport type { TableHeaderCellProps } from './types';\n\nfunction HeaderCellMenu<T>({ header }: { header: Header<T, unknown> }) {\n  const {\n    enableColumnReordering,\n    enableSorting,\n    moveColumnLeft,\n    moveColumnRight,\n    persistHeaderKebabMenu,\n    setColumnSelection,\n    manualSorting,\n    handleSortChange,\n    handleColumnReordering,\n  } = useContext(TableContext);\n\n  const [hoveredArrow, setHoveredArrow] = useState(false);\n  const hideHeaderKebab = !persistHeaderKebabMenu;\n\n  if (\n    headerColumnActionValues.includes(\n      header.column.id as 'numeral' | 'kebab' | 'selection',\n    ) ||\n    !(enableSorting || enableColumnReordering)\n  ) {\n    return null;\n  }\n\n  const sort = header.column.getIsSorted();\n\n  return (\n    <div className={clsx(hideHeaderKebab && styles.hideInHeader)}>\n      <MenuTrigger\n        onOpenChange={(isOpen) =>\n          setColumnSelection(isOpen ? header.column.id : null)\n        }\n      >\n        <Button\n          variant='icon'\n          aria-label='Menu'\n          onHoverChange={setHoveredArrow}\n        >\n          <Icon>\n            {(!sort || hoveredArrow) && <Kebab />}\n            {!hoveredArrow && sort === SortDirection.DESC && <ArrowDown />}\n            {!hoveredArrow && sort === SortDirection.ASC && <ArrowUp />}\n          </Icon>\n        </Button>\n        <Menu>\n          {enableColumnReordering && (\n            <>\n              <MenuItem\n                onAction={() => {\n                  const index = header.column.getIndex();\n                  moveColumnLeft(index);\n                  handleColumnReordering?.(index);\n                }}\n                isDisabled={header.column.getIsFirstColumn('center')}\n              >\n                Move Column Left\n              </MenuItem>\n              <MenuItem\n                onAction={() => {\n                  const index = header.column.getIndex();\n                  moveColumnRight(index);\n                  handleColumnReordering?.(index);\n                }}\n                isDisabled={header.column.getIsLastColumn('center')}\n              >\n                Move Column Right\n              </MenuItem>\n            </>\n          )}\n          {enableColumnReordering && enableSorting && <MenuSeparator />}\n          {enableSorting && (\n            <>\n              <MenuItem\n                onAction={() => {\n                  manualSorting\n                    ? handleSortChange?.(header.column.id, SortDirection.ASC)\n                    : header.column.toggleSorting(false);\n                }}\n                isDisabled={sort === SortDirection.ASC}\n              >\n                Sort Ascending\n              </MenuItem>\n              <MenuItem\n                onAction={() => {\n                  manualSorting\n                    ? handleSortChange?.(header.column.id, SortDirection.DESC)\n                    : header.column.toggleSorting(true);\n                }}\n                isDisabled={sort === SortDirection.DESC}\n              >\n                Sort Descending\n              </MenuItem>\n              <MenuItem\n                onAction={() => {\n                  manualSorting\n                    ? handleSortChange?.(header.column.id, null)\n                    : header.column.clearSorting();\n                }}\n                isDisabled={!sort}\n              >\n                Clear Sort\n              </MenuItem>\n            </>\n          )}\n        </Menu>\n      </MenuTrigger>\n    </div>\n  );\n}\n\n/**\n * TableHeaderCell - Individual header cell (`<th>`) with optional sorting controls.\n *\n * @example\n * ```tsx\n * <TableHeader headerGroups={headerGroups}>\n *   <tr>\n *     {headerGroup.headers.map(header => (\n *       <TableHeaderCell key={header.id} header={header} />\n *     ))}\n *   </tr>\n * </TableHeader>\n * ```\n *\n * @param props - {@link TableHeaderCellProps}\n * @param props.ref - Ref to the th element.\n * @param props.children - Custom children content.\n * @param props.className - CSS class for the th element.\n * @param props.header - TanStack table header object.\n * @returns The rendered TableHeaderCell component.\n */\nexport function TableHeaderCell<T>({\n  ref,\n  children,\n  className,\n  header,\n  ...rest\n}: TableHeaderCellProps<T>) {\n  const { columnSelection } = useContext(TableContext);\n  const renderProps = header?.getContext();\n  const sortLabel =\n    header?.column.getIsSorted() === SortDirection.ASC\n      ? 'ascending'\n      : header?.column.getIsSorted() === SortDirection.DESC\n        ? 'descending'\n        : undefined;\n\n  return (\n    <th\n      {...rest}\n      aria-sort={sortLabel}\n      ref={ref}\n      style={{ width: header?.getSize() }}\n    >\n      <div\n        className={clsx('group/header-cell', styles.headerCell, className)}\n        data-selected={header?.column.id === columnSelection || null}\n      >\n        {children ||\n          (header && (\n            <>\n              {header.column.id !== HeaderColumnAction.KEBAB &&\n                renderProps &&\n                flexRender(header.column.columnDef.header, renderProps)}\n              <HeaderCellMenu header={header} />\n            </>\n          ))}\n      </div>\n    </th>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,SAAS,eAAkB,EAAE,UAA0C;CACrE,MAAM,EACJ,wBACA,eACA,gBACA,iBACA,wBACA,oBACA,eACA,kBACA,2BACE,WAAW,aAAa;CAE5B,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CACvD,MAAM,kBAAkB,CAAC;AAEzB,KACE,yBAAyB,SACvB,OAAO,OAAO,GACf,IACD,EAAE,iBAAiB,wBAEnB,QAAO;CAGT,MAAM,OAAO,OAAO,OAAO,aAAa;AAExC,QACE,oBAAC;EAAI,WAAW,KAAK,mBAAmB,OAAO,aAAa;YAC1D,qBAAC;GACC,eAAe,WACb,mBAAmB,SAAS,OAAO,OAAO,KAAK,KAAK;cAGtD,oBAAC;IACC,SAAQ;IACR,cAAW;IACX,eAAe;cAEf,qBAAC;MACG,CAAC,QAAQ,iBAAiB,oBAAC,UAAQ;KACpC,CAAC,gBAAgB,SAAS,cAAc,QAAQ,oBAAC,cAAY;KAC7D,CAAC,gBAAgB,SAAS,cAAc,OAAO,oBAAC,YAAU;QACtD;KACA,EACT,qBAAC;IACE,0BACC,8CACE,oBAAC;KACC,gBAAgB;MACd,MAAM,QAAQ,OAAO,OAAO,UAAU;AACtC,qBAAe,MAAM;AACrB,+BAAyB,MAAM;;KAEjC,YAAY,OAAO,OAAO,iBAAiB,SAAS;eACrD;MAEU,EACX,oBAAC;KACC,gBAAgB;MACd,MAAM,QAAQ,OAAO,OAAO,UAAU;AACtC,sBAAgB,MAAM;AACtB,+BAAyB,MAAM;;KAEjC,YAAY,OAAO,OAAO,gBAAgB,SAAS;eACpD;MAEU,IACV;IAEJ,0BAA0B,iBAAiB,oBAAC,kBAAgB;IAC5D,iBACC;KACE,oBAAC;MACC,gBAAgB;AACd,uBACI,mBAAmB,OAAO,OAAO,IAAI,cAAc,IAAI,GACvD,OAAO,OAAO,cAAc,MAAM;;MAExC,YAAY,SAAS,cAAc;gBACpC;OAEU;KACX,oBAAC;MACC,gBAAgB;AACd,uBACI,mBAAmB,OAAO,OAAO,IAAI,cAAc,KAAK,GACxD,OAAO,OAAO,cAAc,KAAK;;MAEvC,YAAY,SAAS,cAAc;gBACpC;OAEU;KACX,oBAAC;MACC,gBAAgB;AACd,uBACI,mBAAmB,OAAO,OAAO,IAAI,KAAK,GAC1C,OAAO,OAAO,cAAc;;MAElC,YAAY,CAAC;gBACd;OAEU;QACV;OAEA;IACK;GACV;;;;;;;;;;;;;;;;;;;;;;;AAyBV,SAAgB,gBAAmB,EACjC,KACA,UACA,WACA,QACA,GAAG,QACuB;CAC1B,MAAM,EAAE,oBAAoB,WAAW,aAAa;CACpD,MAAM,cAAc,QAAQ,YAAY;CACxC,MAAM,YACJ,QAAQ,OAAO,aAAa,KAAK,cAAc,MAC3C,cACA,QAAQ,OAAO,aAAa,KAAK,cAAc,OAC7C,eACA;AAER,QACE,oBAAC;EACC,GAAI;EACJ,aAAW;EACN;EACL,OAAO,EAAE,OAAO,QAAQ,SAAS,EAAE;YAEnC,oBAAC;GACC,WAAW,KAAK,qBAAqB,OAAO,YAAY,UAAU;GAClE,iBAAe,QAAQ,OAAO,OAAO,mBAAmB;aAEvD,YACE,UACC,8CACG,OAAO,OAAO,OAAO,mBAAmB,SACvC,eACA,WAAW,OAAO,OAAO,UAAU,QAAQ,YAAY,EACzD,oBAAC,kBAAuB,SAAU,IACjC;IAEH;GACH"}
+{"version":3,"file":"header-cell.js","names":[],"sources":["../../../src/components/table/header-cell.tsx"],"sourcesContent":["// __private-exports\n/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport ArrowDown from '@accelint/icons/arrow-down';\nimport ArrowUp from '@accelint/icons/arrow-up';\nimport Kebab from '@accelint/icons/kebab';\nimport { flexRender, type Header, type RowData } from '@tanstack/react-table';\nimport { useContext, useState } from 'react';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { Menu } from '../menu';\nimport { MenuItem } from '../menu/item';\nimport { MenuSeparator } from '../menu/separator';\nimport { MenuTrigger } from '../menu/trigger';\nimport {\n  HeaderColumnAction,\n  headerColumnActionValues,\n  SortDirection,\n} from './constants/table';\nimport { TableContext } from './context';\nimport styles from './styles.module.css';\nimport type { TableFeatures } from './features';\nimport type { TableHeaderCellProps } from './types';\n\nfunction HeaderCellMenu<T extends RowData>({\n  header,\n}: {\n  header: Header<TableFeatures, T, unknown>;\n}) {\n  const {\n    enableColumnReordering,\n    enableSorting,\n    moveColumnLeft,\n    moveColumnRight,\n    persistHeaderKebabMenu,\n    setColumnSelection,\n    manualSorting,\n    handleSortChange,\n    handleColumnReordering,\n  } = useContext(TableContext);\n\n  const [hoveredArrow, setHoveredArrow] = useState(false);\n  const hideHeaderKebab = !persistHeaderKebabMenu;\n\n  if (\n    headerColumnActionValues.includes(\n      header.column.id as 'numeral' | 'kebab' | 'selection',\n    ) ||\n    !(enableSorting || enableColumnReordering)\n  ) {\n    return null;\n  }\n\n  const sort = header.column.getIsSorted();\n\n  return (\n    <div className={clsx(hideHeaderKebab && styles.hideInHeader)}>\n      <MenuTrigger\n        onOpenChange={(isOpen) =>\n          setColumnSelection(isOpen ? header.column.id : null)\n        }\n      >\n        <Button\n          variant='icon'\n          aria-label='Menu'\n          onHoverChange={setHoveredArrow}\n        >\n          <Icon>\n            {(!sort || hoveredArrow) && <Kebab />}\n            {!hoveredArrow && sort === SortDirection.DESC && <ArrowDown />}\n            {!hoveredArrow && sort === SortDirection.ASC && <ArrowUp />}\n          </Icon>\n        </Button>\n        <Menu>\n          {enableColumnReordering && (\n            <>\n              <MenuItem\n                onAction={() => {\n                  const index = header.column.getIndex();\n                  moveColumnLeft(index);\n                  handleColumnReordering?.(index);\n                }}\n                isDisabled={header.column.getIsFirstColumn('center')}\n              >\n                Move Column Left\n              </MenuItem>\n              <MenuItem\n                onAction={() => {\n                  const index = header.column.getIndex();\n                  moveColumnRight(index);\n                  handleColumnReordering?.(index);\n                }}\n                isDisabled={header.column.getIsLastColumn('center')}\n              >\n                Move Column Right\n              </MenuItem>\n            </>\n          )}\n          {enableColumnReordering && enableSorting && <MenuSeparator />}\n          {enableSorting && (\n            <>\n              <MenuItem\n                onAction={() => {\n                  manualSorting\n                    ? handleSortChange?.(header.column.id, SortDirection.ASC)\n                    : header.column.toggleSorting(false);\n                }}\n                isDisabled={sort === SortDirection.ASC}\n              >\n                Sort Ascending\n              </MenuItem>\n              <MenuItem\n                onAction={() => {\n                  manualSorting\n                    ? handleSortChange?.(header.column.id, SortDirection.DESC)\n                    : header.column.toggleSorting(true);\n                }}\n                isDisabled={sort === SortDirection.DESC}\n              >\n                Sort Descending\n              </MenuItem>\n              <MenuItem\n                onAction={() => {\n                  manualSorting\n                    ? handleSortChange?.(header.column.id, null)\n                    : header.column.clearSorting();\n                }}\n                isDisabled={!sort}\n              >\n                Clear Sort\n              </MenuItem>\n            </>\n          )}\n        </Menu>\n      </MenuTrigger>\n    </div>\n  );\n}\n\n/**\n * TableHeaderCell - Individual header cell (`<th>`) with optional sorting controls.\n *\n * @example\n * ```tsx\n * <TableHeader headerGroups={headerGroups}>\n *   <tr>\n *     {headerGroup.headers.map(header => (\n *       <TableHeaderCell key={header.id} header={header} />\n *     ))}\n *   </tr>\n * </TableHeader>\n * ```\n *\n * @param props - {@link TableHeaderCellProps}\n * @param props.ref - Ref to the th element.\n * @param props.children - Custom children content.\n * @param props.className - CSS class for the th element.\n * @param props.header - TanStack table header object.\n * @returns The rendered TableHeaderCell component.\n */\nexport function TableHeaderCell<T extends RowData>({\n  ref,\n  children,\n  className,\n  header,\n  ...rest\n}: TableHeaderCellProps<T>) {\n  const { columnSelection } = useContext(TableContext);\n  const renderProps = header?.getContext();\n  const sortLabel =\n    header?.column.getIsSorted() === SortDirection.ASC\n      ? 'ascending'\n      : header?.column.getIsSorted() === SortDirection.DESC\n        ? 'descending'\n        : undefined;\n\n  return (\n    <th\n      {...rest}\n      aria-sort={sortLabel}\n      ref={ref}\n      style={{ width: header?.getSize() }}\n    >\n      <div\n        className={clsx('group/header-cell', styles.headerCell, className)}\n        data-selected={header?.column.id === columnSelection || null}\n      >\n        {children ||\n          (header && (\n            <>\n              {header.column.id !== HeaderColumnAction.KEBAB &&\n                renderProps &&\n                flexRender(header.column.columnDef.header, renderProps)}\n              <HeaderCellMenu header={header} />\n            </>\n          ))}\n      </div>\n    </th>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,SAAS,eAAkC,EACzC,UAGC;CACD,MAAM,EACJ,wBACA,eACA,gBACA,iBACA,wBACA,oBACA,eACA,kBACA,2BACE,WAAW,aAAa;CAE5B,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CACvD,MAAM,kBAAkB,CAAC;AAEzB,KACE,yBAAyB,SACvB,OAAO,OAAO,GACf,IACD,EAAE,iBAAiB,wBAEnB,QAAO;CAGT,MAAM,OAAO,OAAO,OAAO,aAAa;AAExC,QACE,oBAAC;EAAI,WAAW,KAAK,mBAAmB,OAAO,aAAa;YAC1D,qBAAC;GACC,eAAe,WACb,mBAAmB,SAAS,OAAO,OAAO,KAAK,KAAK;cAGtD,oBAAC;IACC,SAAQ;IACR,cAAW;IACX,eAAe;cAEf,qBAAC;MACG,CAAC,QAAQ,iBAAiB,oBAAC,UAAQ;KACpC,CAAC,gBAAgB,SAAS,cAAc,QAAQ,oBAAC,cAAY;KAC7D,CAAC,gBAAgB,SAAS,cAAc,OAAO,oBAAC,YAAU;QACtD;KACA,EACT,qBAAC;IACE,0BACC,8CACE,oBAAC;KACC,gBAAgB;MACd,MAAM,QAAQ,OAAO,OAAO,UAAU;AACtC,qBAAe,MAAM;AACrB,+BAAyB,MAAM;;KAEjC,YAAY,OAAO,OAAO,iBAAiB,SAAS;eACrD;MAEU,EACX,oBAAC;KACC,gBAAgB;MACd,MAAM,QAAQ,OAAO,OAAO,UAAU;AACtC,sBAAgB,MAAM;AACtB,+BAAyB,MAAM;;KAEjC,YAAY,OAAO,OAAO,gBAAgB,SAAS;eACpD;MAEU,IACV;IAEJ,0BAA0B,iBAAiB,oBAAC,kBAAgB;IAC5D,iBACC;KACE,oBAAC;MACC,gBAAgB;AACd,uBACI,mBAAmB,OAAO,OAAO,IAAI,cAAc,IAAI,GACvD,OAAO,OAAO,cAAc,MAAM;;MAExC,YAAY,SAAS,cAAc;gBACpC;OAEU;KACX,oBAAC;MACC,gBAAgB;AACd,uBACI,mBAAmB,OAAO,OAAO,IAAI,cAAc,KAAK,GACxD,OAAO,OAAO,cAAc,KAAK;;MAEvC,YAAY,SAAS,cAAc;gBACpC;OAEU;KACX,oBAAC;MACC,gBAAgB;AACd,uBACI,mBAAmB,OAAO,OAAO,IAAI,KAAK,GAC1C,OAAO,OAAO,cAAc;;MAElC,YAAY,CAAC;gBACd;OAEU;QACV;OAEA;IACK;GACV;;;;;;;;;;;;;;;;;;;;;;;AAyBV,SAAgB,gBAAmC,EACjD,KACA,UACA,WACA,QACA,GAAG,QACuB;CAC1B,MAAM,EAAE,oBAAoB,WAAW,aAAa;CACpD,MAAM,cAAc,QAAQ,YAAY;CACxC,MAAM,YACJ,QAAQ,OAAO,aAAa,KAAK,cAAc,MAC3C,cACA,QAAQ,OAAO,aAAa,KAAK,cAAc,OAC7C,eACA;AAER,QACE,oBAAC;EACC,GAAI;EACJ,aAAW;EACN;EACL,OAAO,EAAE,OAAO,QAAQ,SAAS,EAAE;YAEnC,oBAAC;GACC,WAAW,KAAK,qBAAqB,OAAO,YAAY,UAAU;GAClE,iBAAe,QAAQ,OAAO,OAAO,mBAAmB;aAEvD,YACE,UACC,8CACG,OAAO,OAAO,OAAO,mBAAmB,SACvC,eACA,WAAW,OAAO,OAAO,UAAU,QAAQ,YAAY,EACzD,oBAAC,kBAAuB,SAAU,IACjC;IAEH;GACH"}

package/dist/components/table/header.d.ts

@@ -11,7 +11,8 @@
  */
 
 import { TableHeaderProps } from "./types.js";
-import * as react_jsx_runtime99 from "react/jsx-runtime";
+import * as react_jsx_runtime173 from "react/jsx-runtime";
+import { RowData } from "@tanstack/react-table";
 
 //#region src/components/table/header.d.ts
 
@@ -34,14 +35,14 @@ import * as react_jsx_runtime99 from "react/jsx-runtime";
  * @param props.columnSelection - Currently selected column ID.
  * @returns The rendered TableHeader component.
  */
-declare function TableHeader<T>({
+declare function TableHeader<T extends RowData>({
   ref,
   children,
   className,
   headerGroups,
   columnSelection,
   ...rest
-}: TableHeaderProps<T>): react_jsx_runtime99.JSX.Element;
+}: TableHeaderProps<T>): react_jsx_runtime173.JSX.Element;
 //#endregion
 export { TableHeader };
 //# sourceMappingURL=header.d.ts.map

package/dist/components/table/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","names":[],"sources":["../../../src/components/table/header.tsx"],"sourcesContent":["// __private-exports\n/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { TableHeaderCell } from './header-cell';\nimport type { TableHeaderProps } from './types';\n\n/**\n * TableHeader - Renders the table header section (`<thead>`).\n *\n * @example\n * ```tsx\n * <Table>\n *   <TableHeader headerGroups={table.getHeaderGroups()} />\n *   <TableBody rows={table.getRowModel().rows} />\n * </Table>\n * ```\n *\n * @param props - {@link TableHeaderProps}\n * @param props.ref - Ref to the thead element.\n * @param props.children - Custom children content.\n * @param props.className - CSS class for the thead element.\n * @param props.headerGroups - Array of TanStack header groups.\n * @param props.columnSelection - Currently selected column ID.\n * @returns The rendered TableHeader component.\n */\nexport function TableHeader<T>({\n  ref,\n  children,\n  className,\n  headerGroups,\n  columnSelection,\n  ...rest\n}: TableHeaderProps<T>) {\n  return (\n    <thead {...rest} ref={ref} className={className}>\n      {children ||\n        headerGroups?.map((headerGroup) => (\n          <tr key={headerGroup.id}>\n            {headerGroup.headers.map((header) => (\n              <TableHeaderCell key={header.id} header={header} />\n            ))}\n          </tr>\n        ))}\n    </thead>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,SAAgB,YAAe,EAC7B,KACA,UACA,WACA,cACA,iBACA,GAAG,QACmB;AACtB,QACE,oBAAC;EAAM,GAAI;EAAW;EAAgB;YACnC,YACC,cAAc,KAAK,gBACjB,oBAAC,kBACE,YAAY,QAAQ,KAAK,WACxB,oBAAC,mBAAwC,UAAnB,OAAO,GAAsB,CACnD,IAHK,YAAY,GAIhB,CACL;GACE"}
+{"version":3,"file":"header.js","names":[],"sources":["../../../src/components/table/header.tsx"],"sourcesContent":["// __private-exports\n/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { TableHeaderCell } from './header-cell';\nimport type { RowData } from '@tanstack/react-table';\nimport type { TableHeaderProps } from './types';\n\n/**\n * TableHeader - Renders the table header section (`<thead>`).\n *\n * @example\n * ```tsx\n * <Table>\n *   <TableHeader headerGroups={table.getHeaderGroups()} />\n *   <TableBody rows={table.getRowModel().rows} />\n * </Table>\n * ```\n *\n * @param props - {@link TableHeaderProps}\n * @param props.ref - Ref to the thead element.\n * @param props.children - Custom children content.\n * @param props.className - CSS class for the thead element.\n * @param props.headerGroups - Array of TanStack header groups.\n * @param props.columnSelection - Currently selected column ID.\n * @returns The rendered TableHeader component.\n */\nexport function TableHeader<T extends RowData>({\n  ref,\n  children,\n  className,\n  headerGroups,\n  columnSelection,\n  ...rest\n}: TableHeaderProps<T>) {\n  return (\n    <thead {...rest} ref={ref} className={className}>\n      {children ||\n        headerGroups?.map((headerGroup) => (\n          <tr key={headerGroup.id}>\n            {headerGroup.headers.map((header) => (\n              <TableHeaderCell key={header.id} header={header} />\n            ))}\n          </tr>\n        ))}\n    </thead>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,SAAgB,YAA+B,EAC7C,KACA,UACA,WACA,cACA,iBACA,GAAG,QACmB;AACtB,QACE,oBAAC;EAAM,GAAI;EAAW;EAAgB;YACnC,YACC,cAAc,KAAK,gBACjB,oBAAC,kBACE,YAAY,QAAQ,KAAK,WACxB,oBAAC,mBAAwC,UAAnB,OAAO,GAAsB,CACnD,IAHK,YAAY,GAIhB,CACL;GACE"}

package/dist/components/table/index.d.ts

@@ -12,7 +12,7 @@
 
 import { TableProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime102 from "react/jsx-runtime";
+import * as react_jsx_runtime174 from "react/jsx-runtime";
 import { Key } from "@react-types/shared";
 
 //#region src/components/table/index.d.ts
@@ -72,7 +72,7 @@ declare function Table<T extends {
   defaultPage,
   onPageChange,
   ...rest
-}: TableProps<T>): react_jsx_runtime102.JSX.Element;
+}: TableProps<T>): react_jsx_runtime174.JSX.Element;
 //#endregion
 export { Table };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/table/index.js

@@ -21,6 +21,7 @@ import { MenuItem } from "../menu/item.js";
 import { MenuSeparator } from "../menu/separator.js";
 import { MenuTrigger } from "../menu/trigger.js";
 import { TableContext } from "./context.js";
+import { tableFeatures as tableFeatures$1 } from "./features.js";
 import { TableBody } from "./body.js";
 import { TableHeader } from "./header.js";
 import "client-only";
@@ -30,13 +31,12 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import Kebab from "@accelint/icons/kebab";
 import { useControlledState } from "react-stately/useControlledState";
 import PinIcon from "@accelint/icons/pin";
-import { useListData } from "react-stately/useListData";
-import { getCoreRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
+import { useTable } from "@tanstack/react-table";
 import styles from "./styles.module.css";
 
 //#region src/components/table/index.tsx
 const META_COLUMN_WIDTH = 32;
-function RowActionsMenu({ moveRowsDown, moveRowsUp, row, rows }) {
+function RowActionsMenu({ row }) {
 	const { enableRowActions, persistRowKebabMenu } = useContext(TableContext);
 	const isPinned = !!row.getIsPinned();
 	return enableRowActions && /* @__PURE__ */ jsx("div", {
@@ -52,13 +52,13 @@ function RowActionsMenu({ moveRowsDown, moveRowsUp, row, rows }) {
 			}),
 			/* @__PURE__ */ jsx(MenuSeparator, {}),
 			/* @__PURE__ */ jsx(MenuItem, {
-				onAction: () => moveRowsUp(row, rows),
-				isDisabled: isPinned || row.index === 0,
+				onAction: () => row.moveUp(),
+				isDisabled: !row.getCanMoveUp(),
 				children: "Move Up"
 			}),
 			/* @__PURE__ */ jsx(MenuItem, {
-				onAction: () => moveRowsDown(row, rows),
-				isDisabled: isPinned || row.index === rows.length - 1,
+				onAction: () => row.moveDown(),
+				isDisabled: !row.getCanMoveDown(),
 				children: "Move Down"
 			})
 		] })] })
@@ -95,7 +95,26 @@ function RowActionsMenu({ moveRowsDown, moveRowsUp, row, rows }) {
 * ```
 */
 function Table({ children, columns: columnsProp, data: dataProp, showCheckbox, rowSelection: rowSelectionProp, kebabPosition = "right", persistRowKebabMenu = true, persistHeaderKebabMenu = true, persistNumerals = false, enableSorting = true, enableColumnReordering = true, enableRowActions = true, manualSorting = false, onSortChange, onColumnReorderChange, onRowSelectionChange, fullWidth = false, pageSize, page: pageProp, defaultPage = 1, onPageChange, ...rest }) {
-	const { items: data, moveAfter, moveBefore } = useListData({ initialItems: dataProp });
+	const [rowOrdering, setRowOrdering] = useState([]);
+	const data = useMemo(() => {
+		const items = dataProp ?? [];
+		if (!rowOrdering.length) return items;
+		const rank = /* @__PURE__ */ new Map();
+		rowOrdering.forEach((id, index) => {
+			rank.set(id, index);
+		});
+		const slots = new Array(rowOrdering.length);
+		const unranked = [];
+		for (const item of items) {
+			const slot = rank.get(String(item.id));
+			if (slot === void 0 || slots[slot] !== void 0) unranked.push(item);
+			else slots[slot] = item;
+		}
+		const ordered = [];
+		for (const slot of slots) if (slot !== void 0) ordered.push(slot);
+		for (const item of unranked) ordered.push(item);
+		return ordered;
+	}, [dataProp, rowOrdering]);
 	const [rowSelection, setRowSelection] = useState(rowSelectionProp ?? {});
 	const [columnSelection, setColumnSelection] = useState(null);
 	const [rowPinning, setRowPinning] = useState({
@@ -112,45 +131,16 @@ function Table({ children, columns: columnsProp, data: dataProp, showCheckbox, r
 		setCurrentPage((typeof updater === "function" ? updater(pagination) : updater).pageIndex + 1);
 	}, [pagination, setCurrentPage]);
 	/**
-	* moveUpSelectedRows moves the selected rows up in the table.
-	* It finds the first selected row, determines its index,
-	* and moves it before the previous row if it exists.
-	*/
-	const moveRowsUp = useCallback((row, rows) => {
-		const rowsToMove = rowSelection[row.id] ? rows.filter(({ id }) => rowSelection[id]) : [row];
-		const firstRowToMove = rowsToMove[0];
-		if (!firstRowToMove || firstRowToMove.index === 0) return;
-		const prevRowId = rows[firstRowToMove.index - 1]?.id;
-		if (!prevRowId) return;
-		moveBefore(prevRowId, rowsToMove.map(({ id }) => id));
-	}, [rowSelection, moveBefore]);
-	/**
-	* moveDownRows moves the selected or active rows down in the table.
-	* It finds the last selected row, determines its index,
-	* and moves it after the next row if it exists.
-	*/
-	const moveRowsDown = useCallback((row, rows) => {
-		const rowsToMove = rowSelection[row.id] ? rows.filter(({ id }) => rowSelection[id]) : [row];
-		const lastRowToMove = rowsToMove[rowsToMove.length - 1];
-		if (!lastRowToMove || lastRowToMove.index === rows.length - 1) return;
-		const nextRowId = rows[lastRowToMove.index + 1]?.id;
-		if (!nextRowId) return;
-		moveAfter(nextRowId, rowsToMove.map(({ id }) => id));
-	}, [rowSelection, moveAfter]);
-	/**
 	* actionColumn defines the actions available in the kebab menu for each row.
-	* It includes options to move the row up or down in the table.
+	* It includes options to move the row up or down in the table. Moves go
+	* through the table's rowOrderingFeature APIs, which are identity-stable, so
+	* this column def never has to be recreated.
 	*/
 	const actionColumn = useMemo(() => ({
 		id: "kebab",
-		cell: ({ row }) => /* @__PURE__ */ jsx(RowActionsMenu, {
-			moveRowsUp,
-			moveRowsDown,
-			row,
-			rows: getRowModel().rows
-		}),
+		cell: ({ row }) => /* @__PURE__ */ jsx(RowActionsMenu, { row }),
 		size: META_COLUMN_WIDTH
-	}), [moveRowsUp, moveRowsDown]);
+	}), []);
 	/**
 	* columns defines the structure of the table.
 	* It includes the action column and optionally a checkbox column.
@@ -173,13 +163,13 @@ function Table({ children, columns: columnsProp, data: dataProp, showCheckbox, r
 			id: "selection",
 			header: ({ table }) => /* @__PURE__ */ jsx(Checkbox, {
 				isSelected: table.getIsAllRowsSelected(),
-				isIndeterminate: table.getIsSomeRowsSelected(),
+				isIndeterminate: table.getIsSomeRowsSelected() && !table.getIsAllRowsSelected(),
 				onChange: table.toggleAllRowsSelected
 			}),
 			cell: ({ row }) => /* @__PURE__ */ jsx(Checkbox, {
 				isSelected: row.getIsSelected(),
 				isIndeterminate: row.getIsSomeSelected(),
-				onChange: row.toggleSelected
+				onChange: (isSelected) => row.toggleSelected(isSelected)
 			}),
 			size: META_COLUMN_WIDTH
 		}] : [],
@@ -202,7 +192,8 @@ function Table({ children, columns: columnsProp, data: dataProp, showCheckbox, r
 		setRowSelection(updaterOrValue);
 		onRowSelectionChange?.(updaterOrValue);
 	}, [onRowSelectionChange]);
-	const { getHeaderGroups, getTopRows, getCenterRows, getBottomRows, getRowModel, setColumnOrder } = useReactTable({
+	const { getHeaderGroups, getTopRows, getCenterRows, getBottomRows, setColumnOrder } = useTable({
+		features: tableFeatures$1,
 		data,
 		columns,
 		enableSorting,
@@ -213,6 +204,7 @@ function Table({ children, columns: columnsProp, data: dataProp, showCheckbox, r
 		state: {
 			rowSelection,
 			rowPinning,
+			rowOrdering,
 			...pagination != null && { pagination }
 		},
 		getRowId: (row, index) => {
@@ -221,12 +213,11 @@ function Table({ children, columns: columnsProp, data: dataProp, showCheckbox, r
 		enableRowSelection: true,
 		enableRowPinning: true,
 		manualSorting,
+		manualPagination: pagination == null,
 		onRowSelectionChange: handleRowSelectionChange,
 		onRowPinningChange: setRowPinning,
-		onPaginationChange: handlePaginationChange,
-		getCoreRowModel: getCoreRowModel(),
-		getSortedRowModel: getSortedRowModel(),
-		...pageSize != null && { getPaginationRowModel: getPaginationRowModel() }
+		onRowOrderingChange: setRowOrdering,
+		onPaginationChange: handlePaginationChange
 	});
 	const moveColumnLeft = useCallback((oldIndex) => {
 		setColumnOrder((order) => {

package/dist/components/table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["actionColumn: NonNullable<typeof columnsProp>[number]","Pin"],"sources":["../../../src/components/table/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport Kebab from '@accelint/icons/kebab';\nimport Pin from '@accelint/icons/pin';\nimport { useListData } from 'react-stately/useListData';\nimport { useControlledState } from 'react-stately/useControlledState';\nimport {\n  getCoreRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  type OnChangeFn,\n  type PaginationState,\n  type Row,\n  type RowPinningState,\n  type RowSelectionState,\n  useReactTable,\n} from '@tanstack/react-table';\nimport { useCallback, useContext, useMemo, useState } from 'react';\nimport { Button } from '../button';\nimport { Checkbox } from '../checkbox';\nimport { Icon } from '../icon';\nimport { Menu } from '../menu';\nimport { MenuItem } from '../menu/item';\nimport { MenuSeparator } from '../menu/separator';\nimport { MenuTrigger } from '../menu/trigger';\nimport { TableBody } from './body';\nimport { TableContext } from './context';\nimport { TableHeader } from './header';\nimport styles from './styles.module.css';\nimport type { Key } from '@react-types/shared';\nimport type { TableProps } from './types';\n\n// This width is for columns in the table that provide features:\n// - Row count\n// - Row actions kebab\n// - Row selection (checkbox)\n// These columns should not need to grow with table width\nconst META_COLUMN_WIDTH = 32;\n\ntype RowActionsMenuProps<T> = {\n  row: Row<T>;\n  rows: Row<T>[];\n  moveRowsDown: (row: Row<T>, rows: Row<T>[]) => void;\n  moveRowsUp: (row: Row<T>, rows: Row<T>[]) => void;\n};\n\nfunction RowActionsMenu<T>({\n  moveRowsDown,\n  moveRowsUp,\n  row,\n  rows,\n}: RowActionsMenuProps<T>) {\n  const { enableRowActions, persistRowKebabMenu } = useContext(TableContext);\n  const isPinned = !!row.getIsPinned();\n  const hideRowKebab = !persistRowKebabMenu;\n\n  return (\n    enableRowActions && (\n      <div className={clsx(hideRowKebab && styles.hideInRow)}>\n        <MenuTrigger>\n          <Button variant='icon' aria-label={`row ${row.index + 1} actions`}>\n            <Icon>\n              <Kebab />\n            </Icon>\n          </Button>\n          <Menu>\n            <MenuItem onAction={() => row.pin(isPinned ? false : 'top')}>\n              {isPinned ? 'Unpin' : 'Pin'}\n            </MenuItem>\n            <MenuSeparator />\n            <MenuItem\n              onAction={() => moveRowsUp(row, rows)}\n              isDisabled={isPinned || row.index === 0}\n            >\n              Move Up\n            </MenuItem>\n            <MenuItem\n              onAction={() => moveRowsDown(row, rows)}\n              isDisabled={isPinned || row.index === rows.length - 1}\n            >\n              Move Down\n            </MenuItem>\n          </Menu>\n        </MenuTrigger>\n      </div>\n    )\n  );\n}\n\n/**\n * Table - Configurable data table with sorting, selection, and row actions\n *\n * Supports data-driven mode with TanStack column definitions or static mode with subcomponents.\n *\n * @param props - {@link TableProps}\n * @param props.children - Custom children for static mode.\n * @param props.columns - Column definitions for data-driven mode.\n * @param props.data - Data array for data-driven mode.\n * @param props.showCheckbox - Whether to show selection checkboxes.\n * @param props.rowSelection - Initial row selection state.\n * @param props.kebabPosition - Position of row action menu.\n * @param props.persistRowKebabMenu - Keep row kebab menu visible.\n * @param props.persistHeaderKebabMenu - Keep header kebab menu visible.\n * @param props.persistNumerals - Keep row numerals visible.\n * @param props.enableSorting - Enable column sorting.\n * @param props.enableColumnReordering - Enable column reordering.\n * @param props.enableRowActions - Enable row action menu.\n * @param props.manualSorting - Use server-side sorting.\n * @param props.onSortChange - Callback when sort changes.\n * @param props.onColumnReorderChange - Callback when column order changes.\n * @param props.onRowSelectionChange - Callback when row selection changes.\n * @param props.fullWidth - Whether table uses full width.\n * @returns The rendered Table component.\n *\n * @example\n * ```tsx\n * <Table columns={columns} data={rows} enableSorting showCheckbox />\n * ```\n */\nexport function Table<T extends { id: Key }>({\n  children,\n  columns: columnsProp,\n  data: dataProp,\n  showCheckbox,\n  rowSelection: rowSelectionProp,\n  kebabPosition = 'right',\n  persistRowKebabMenu = true,\n  persistHeaderKebabMenu = true,\n  persistNumerals = false,\n  enableSorting = true,\n  enableColumnReordering = true,\n  enableRowActions = true,\n  manualSorting = false,\n  onSortChange,\n  onColumnReorderChange,\n  onRowSelectionChange,\n  fullWidth = false,\n  pageSize,\n  page: pageProp,\n  defaultPage = 1,\n  onPageChange,\n  ...rest\n}: TableProps<T>) {\n  const {\n    items: data,\n    moveAfter,\n    moveBefore,\n  } = useListData({\n    initialItems: dataProp,\n  });\n  const [rowSelection, setRowSelection] = useState<RowSelectionState>(\n    rowSelectionProp ?? {},\n  );\n  const [columnSelection, setColumnSelection] = useState<string | null>(null);\n  const [rowPinning, setRowPinning] = useState<RowPinningState>({\n    top: [],\n    bottom: [],\n  });\n\n  const [currentPage, setCurrentPage] = useControlledState(\n    pageProp,\n    defaultPage,\n    onPageChange,\n  );\n\n  const pagination = useMemo(\n    () =>\n      pageSize != null ? { pageIndex: currentPage - 1, pageSize } : undefined,\n    [currentPage, pageSize],\n  );\n\n  const handlePaginationChange = useCallback<OnChangeFn<PaginationState>>(\n    (updater) => {\n      if (pagination == null) {\n        return;\n      }\n      const next =\n        typeof updater === 'function' ? updater(pagination) : updater;\n      setCurrentPage(next.pageIndex + 1);\n    },\n    [pagination, setCurrentPage],\n  );\n\n  /**\n   * moveUpSelectedRows moves the selected rows up in the table.\n   * It finds the first selected row, determines its index,\n   * and moves it before the previous row if it exists.\n   */\n  const moveRowsUp = useCallback(\n    (row: Row<T>, rows: Row<T>[]) => {\n      const isSelected = rowSelection[row.id];\n      const rowsToMove = isSelected\n        ? rows.filter(({ id }) => rowSelection[id])\n        : [row];\n      const firstRowToMove = rowsToMove[0];\n\n      if (!firstRowToMove || firstRowToMove.index === 0) {\n        return;\n      }\n\n      const prevRowId = rows[firstRowToMove.index - 1]?.id;\n\n      if (!prevRowId) {\n        return;\n      }\n\n      moveBefore(\n        prevRowId,\n        rowsToMove.map(({ id }) => id),\n      );\n    },\n    [rowSelection, moveBefore],\n  );\n\n  /**\n   * moveDownRows moves the selected or active rows down in the table.\n   * It finds the last selected row, determines its index,\n   * and moves it after the next row if it exists.\n   */\n  const moveRowsDown = useCallback(\n    (row: Row<T>, rows: Row<T>[]) => {\n      const isSelected = rowSelection[row.id];\n      const rowsToMove = isSelected\n        ? rows.filter(({ id }) => rowSelection[id])\n        : [row];\n      const lastRowToMove = rowsToMove[rowsToMove.length - 1];\n\n      if (!lastRowToMove || lastRowToMove.index === rows.length - 1) {\n        return;\n      }\n\n      const nextRowId = rows[lastRowToMove.index + 1]?.id;\n\n      if (!nextRowId) {\n        return;\n      }\n\n      moveAfter(\n        nextRowId,\n        rowsToMove.map(({ id }) => id),\n      );\n    },\n    [rowSelection, moveAfter],\n  );\n\n  /**\n   * actionColumn defines the actions available in the kebab menu for each row.\n   * It includes options to move the row up or down in the table.\n   */\n  // biome-ignore lint/correctness/useExhaustiveDependencies: can of worms to fix ticket added\n  const actionColumn: NonNullable<typeof columnsProp>[number] = useMemo(\n    () => ({\n      id: 'kebab',\n      cell: ({ row }) => (\n        <RowActionsMenu\n          moveRowsUp={moveRowsUp}\n          moveRowsDown={moveRowsDown}\n          row={row}\n          rows={getRowModel().rows}\n        />\n      ),\n      size: META_COLUMN_WIDTH,\n    }),\n    [moveRowsUp, moveRowsDown],\n  );\n\n  /**\n   * columns defines the structure of the table.\n   * It includes the action column and optionally a checkbox column.\n   * The kebab menu position can be set to 'left' or 'right'.\n   * If showCheckbox is true, a checkbox column is added.\n   */\n  const columns = useMemo<NonNullable<typeof columnsProp>>(\n    () => [\n      {\n        id: 'numeral',\n        cell: ({ row }) =>\n          row.getIsPinned() ? (\n            <Icon size='small'>\n              <Pin />\n            </Icon>\n          ) : (\n            <span data-testid='numeral'>{row.index + 1}</span>\n          ),\n        size: META_COLUMN_WIDTH,\n      },\n      ...(showCheckbox\n        ? ([\n            {\n              id: 'selection',\n              header: ({ table }) => (\n                <Checkbox\n                  isSelected={table.getIsAllRowsSelected()}\n                  isIndeterminate={table.getIsSomeRowsSelected()}\n                  onChange={table.toggleAllRowsSelected}\n                />\n              ),\n              cell: ({ row }) => (\n                <Checkbox\n                  isSelected={row.getIsSelected()}\n                  isIndeterminate={row.getIsSomeSelected()}\n                  onChange={row.toggleSelected}\n                />\n              ),\n              size: META_COLUMN_WIDTH,\n            },\n          ] satisfies NonNullable<typeof columnsProp>)\n        : []),\n      ...(kebabPosition === 'left' ? [actionColumn] : []),\n      ...(columnsProp ?? []),\n      ...(kebabPosition === 'right' ? [actionColumn] : []),\n    ],\n    [showCheckbox, columnsProp, kebabPosition, actionColumn],\n  );\n\n  const handleSortChange = (\n    columnId: string,\n    sortDirection: 'asc' | 'desc' | null,\n  ) => {\n    onSortChange?.(columnId, sortDirection);\n  };\n\n  const handleColumnReordering = (index: number) => {\n    onColumnReorderChange?.(index);\n  };\n\n  const handleRowSelectionChange = useCallback(\n    (\n      updaterOrValue:\n        | RowSelectionState\n        | ((old: RowSelectionState) => RowSelectionState),\n    ) => {\n      setRowSelection(updaterOrValue);\n      onRowSelectionChange?.(updaterOrValue);\n    },\n    [onRowSelectionChange],\n  );\n\n  const {\n    getHeaderGroups,\n    getTopRows,\n    getCenterRows,\n    getBottomRows,\n    getRowModel,\n    setColumnOrder,\n  } = useReactTable<T>({\n    data,\n    columns,\n    enableSorting,\n    initialState: {\n      columnOrder: columns.map(({ id }) => id ?? ''),\n      rowSelection: rowSelectionProp ?? {},\n    },\n    state: {\n      rowSelection,\n      rowPinning,\n      ...(pagination != null && { pagination }),\n    },\n    getRowId: (row, index) => {\n      // Use the index as the row ID if no unique identifier is available\n      return row.id ? row.id.toString() : index.toString();\n    },\n    enableRowSelection: true,\n    enableRowPinning: true,\n    manualSorting: manualSorting,\n    onRowSelectionChange: handleRowSelectionChange,\n    onRowPinningChange: setRowPinning,\n    onPaginationChange: handlePaginationChange,\n    getCoreRowModel: getCoreRowModel<T>(),\n    getSortedRowModel: getSortedRowModel<T>(),\n    ...(pageSize != null && {\n      getPaginationRowModel: getPaginationRowModel<T>(),\n    }),\n  });\n\n  const moveColumnLeft = useCallback(\n    (oldIndex: number) => {\n      setColumnOrder((order) => {\n        const newColumnOrder = [...order];\n        const newIndex = oldIndex - 1;\n\n        if (newIndex < 0) {\n          return order;\n        }\n\n        [newColumnOrder[oldIndex], newColumnOrder[newIndex]] = [\n          newColumnOrder[newIndex] as string,\n          newColumnOrder[oldIndex] as string,\n        ];\n\n        return newColumnOrder;\n      });\n    },\n    [setColumnOrder],\n  );\n\n  const moveColumnRight = useCallback(\n    (oldIndex: number) => {\n      setColumnOrder((order) => {\n        const newColumnOrder = [...order];\n        const newIndex = oldIndex + 1;\n\n        if (newIndex >= order.length) {\n          return order;\n        }\n\n        [newColumnOrder[oldIndex], newColumnOrder[newIndex]] = [\n          newColumnOrder[newIndex] as string,\n          newColumnOrder[oldIndex] as string,\n        ];\n\n        return newColumnOrder;\n      });\n    },\n    [setColumnOrder],\n  );\n\n  const className = clsx(fullWidth && 'w-full table-fixed', rest.className);\n\n  if (children) {\n    return (\n      <table {...rest} className={className}>\n        {children}\n      </table>\n    );\n  }\n\n  return (\n    <TableContext.Provider\n      value={{\n        persistRowKebabMenu,\n        persistHeaderKebabMenu,\n        persistNumerals,\n        enableSorting,\n        enableColumnReordering,\n        enableRowActions,\n        columnSelection,\n        setColumnSelection,\n        moveColumnLeft,\n        moveColumnRight,\n        manualSorting,\n        handleSortChange,\n        handleColumnReordering,\n      }}\n    >\n      <table {...rest} className={className}>\n        <TableHeader\n          headerGroups={getHeaderGroups()}\n          columnSelection={columnSelection}\n        />\n        <TableBody\n          rows={[...getTopRows(), ...getCenterRows(), ...getBottomRows()]}\n        />\n      </table>\n    </TableContext.Provider>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["unranked: T[]","ordered: T[]","actionColumn: ColumnDef<TableFeatures, T, unknown>","Pin","tableFeatures"],"sources":["../../../src/components/table/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport Kebab from '@accelint/icons/kebab';\nimport Pin from '@accelint/icons/pin';\nimport {\n  type ColumnDef,\n  type OnChangeFn,\n  type PaginationState,\n  type Row,\n  type RowData,\n  type RowPinningState,\n  type RowSelectionState,\n  useTable,\n} from '@tanstack/react-table';\nimport { useCallback, useContext, useMemo, useState } from 'react';\nimport { useControlledState } from 'react-stately/useControlledState';\nimport { Button } from '../button';\nimport { Checkbox } from '../checkbox';\nimport { Icon } from '../icon';\nimport { Menu } from '../menu';\nimport { MenuItem } from '../menu/item';\nimport { MenuSeparator } from '../menu/separator';\nimport { MenuTrigger } from '../menu/trigger';\nimport { TableBody } from './body';\nimport { TableContext } from './context';\nimport { tableFeatures } from './features';\nimport { TableHeader } from './header';\nimport styles from './styles.module.css';\nimport type { Key } from '@react-types/shared';\nimport type { TableFeatures } from './features';\nimport type { RowOrderingState } from './row-ordering-feature';\nimport type { TableProps } from './types';\n\n// This width is for columns in the table that provide features:\n// - Row count\n// - Row actions kebab\n// - Row selection (checkbox)\n// These columns should not need to grow with table width\nconst META_COLUMN_WIDTH = 32;\n\ntype RowActionsMenuProps<T extends RowData> = {\n  row: Row<TableFeatures, T>;\n};\n\nfunction RowActionsMenu<T extends RowData>({ row }: RowActionsMenuProps<T>) {\n  const { enableRowActions, persistRowKebabMenu } = useContext(TableContext);\n  const isPinned = !!row.getIsPinned();\n  const hideRowKebab = !persistRowKebabMenu;\n\n  return (\n    enableRowActions && (\n      <div className={clsx(hideRowKebab && styles.hideInRow)}>\n        <MenuTrigger>\n          <Button variant='icon' aria-label={`row ${row.index + 1} actions`}>\n            <Icon>\n              <Kebab />\n            </Icon>\n          </Button>\n          <Menu>\n            <MenuItem onAction={() => row.pin(isPinned ? false : 'top')}>\n              {isPinned ? 'Unpin' : 'Pin'}\n            </MenuItem>\n            <MenuSeparator />\n            <MenuItem\n              onAction={() => row.moveUp()}\n              isDisabled={!row.getCanMoveUp()}\n            >\n              Move Up\n            </MenuItem>\n            <MenuItem\n              onAction={() => row.moveDown()}\n              isDisabled={!row.getCanMoveDown()}\n            >\n              Move Down\n            </MenuItem>\n          </Menu>\n        </MenuTrigger>\n      </div>\n    )\n  );\n}\n\n/**\n * Table - Configurable data table with sorting, selection, and row actions\n *\n * Supports data-driven mode with TanStack column definitions or static mode with subcomponents.\n *\n * @param props - {@link TableProps}\n * @param props.children - Custom children for static mode.\n * @param props.columns - Column definitions for data-driven mode.\n * @param props.data - Data array for data-driven mode.\n * @param props.showCheckbox - Whether to show selection checkboxes.\n * @param props.rowSelection - Initial row selection state.\n * @param props.kebabPosition - Position of row action menu.\n * @param props.persistRowKebabMenu - Keep row kebab menu visible.\n * @param props.persistHeaderKebabMenu - Keep header kebab menu visible.\n * @param props.persistNumerals - Keep row numerals visible.\n * @param props.enableSorting - Enable column sorting.\n * @param props.enableColumnReordering - Enable column reordering.\n * @param props.enableRowActions - Enable row action menu.\n * @param props.manualSorting - Use server-side sorting.\n * @param props.onSortChange - Callback when sort changes.\n * @param props.onColumnReorderChange - Callback when column order changes.\n * @param props.onRowSelectionChange - Callback when row selection changes.\n * @param props.fullWidth - Whether table uses full width.\n * @returns The rendered Table component.\n *\n * @example\n * ```tsx\n * <Table columns={columns} data={rows} enableSorting showCheckbox />\n * ```\n */\nexport function Table<T extends { id: Key }>({\n  children,\n  columns: columnsProp,\n  data: dataProp,\n  showCheckbox,\n  rowSelection: rowSelectionProp,\n  kebabPosition = 'right',\n  persistRowKebabMenu = true,\n  persistHeaderKebabMenu = true,\n  persistNumerals = false,\n  enableSorting = true,\n  enableColumnReordering = true,\n  enableRowActions = true,\n  manualSorting = false,\n  onSortChange,\n  onColumnReorderChange,\n  onRowSelectionChange,\n  fullWidth = false,\n  pageSize,\n  page: pageProp,\n  defaultPage = 1,\n  onPageChange,\n  ...rest\n}: TableProps<T>) {\n  // Only the manual row order is state (owned by the table's\n  // rowOrderingFeature, mirrored here); row content stays owned by the data\n  // prop so external updates (polling, refetch) flow through without remount.\n  const [rowOrdering, setRowOrdering] = useState<RowOrderingState>([]);\n\n  const data = useMemo(() => {\n    const items = dataProp ?? [];\n\n    if (!rowOrdering.length) {\n      return items;\n    }\n\n    // rowOrdering holds positions, not sort keys: place ranked rows straight\n    // into their slot and append the rest in natural order — O(n), no sort\n    const rank = new Map<string, number>();\n    rowOrdering.forEach((id, index) => {\n      rank.set(id, index);\n    });\n\n    const slots = new Array<T | undefined>(rowOrdering.length);\n    const unranked: T[] = [];\n\n    for (const item of items) {\n      const slot = rank.get(String(item.id));\n\n      // duplicate ids fall through to unranked\n      if (slot === undefined || slots[slot] !== undefined) {\n        unranked.push(item);\n      } else {\n        slots[slot] = item;\n      }\n    }\n\n    const ordered: T[] = [];\n\n    // stale ids (rows no longer in data) leave holes; skip them\n    for (const slot of slots) {\n      if (slot !== undefined) {\n        ordered.push(slot);\n      }\n    }\n\n    for (const item of unranked) {\n      ordered.push(item);\n    }\n\n    return ordered;\n  }, [dataProp, rowOrdering]);\n\n  const [rowSelection, setRowSelection] = useState<RowSelectionState>(\n    rowSelectionProp ?? {},\n  );\n  const [columnSelection, setColumnSelection] = useState<string | null>(null);\n  const [rowPinning, setRowPinning] = useState<RowPinningState>({\n    top: [],\n    bottom: [],\n  });\n\n  const [currentPage, setCurrentPage] = useControlledState(\n    pageProp,\n    defaultPage,\n    onPageChange,\n  );\n\n  const pagination = useMemo(\n    () =>\n      pageSize != null ? { pageIndex: currentPage - 1, pageSize } : undefined,\n    [currentPage, pageSize],\n  );\n\n  const handlePaginationChange = useCallback<OnChangeFn<PaginationState>>(\n    (updater) => {\n      if (pagination == null) {\n        return;\n      }\n      const next =\n        typeof updater === 'function' ? updater(pagination) : updater;\n      setCurrentPage(next.pageIndex + 1);\n    },\n    [pagination, setCurrentPage],\n  );\n\n  /**\n   * actionColumn defines the actions available in the kebab menu for each row.\n   * It includes options to move the row up or down in the table. Moves go\n   * through the table's rowOrderingFeature APIs, which are identity-stable, so\n   * this column def never has to be recreated.\n   */\n  const actionColumn: ColumnDef<TableFeatures, T, unknown> = useMemo(\n    () => ({\n      id: 'kebab',\n      cell: ({ row }) => <RowActionsMenu row={row} />,\n      size: META_COLUMN_WIDTH,\n    }),\n    [],\n  );\n\n  /**\n   * columns defines the structure of the table.\n   * It includes the action column and optionally a checkbox column.\n   * The kebab menu position can be set to 'left' or 'right'.\n   * If showCheckbox is true, a checkbox column is added.\n   */\n  const columns = useMemo<ColumnDef<TableFeatures, T, unknown>[]>(\n    () => [\n      {\n        id: 'numeral',\n        cell: ({ row }) =>\n          row.getIsPinned() ? (\n            <Icon size='small'>\n              <Pin />\n            </Icon>\n          ) : (\n            <span data-testid='numeral'>{row.index + 1}</span>\n          ),\n        size: META_COLUMN_WIDTH,\n      },\n      ...(showCheckbox\n        ? ([\n            {\n              id: 'selection',\n              header: ({ table }) => (\n                <Checkbox\n                  isSelected={table.getIsAllRowsSelected()}\n                  // v9: getIsSomeRowsSelected stays true at full selection\n                  isIndeterminate={\n                    table.getIsSomeRowsSelected() &&\n                    !table.getIsAllRowsSelected()\n                  }\n                  onChange={table.toggleAllRowsSelected}\n                />\n              ),\n              cell: ({ row }) => (\n                <Checkbox\n                  isSelected={row.getIsSelected()}\n                  isIndeterminate={row.getIsSomeSelected()}\n                  // v9 row methods are prototype-shared; keep the receiver\n                  onChange={(isSelected) => row.toggleSelected(isSelected)}\n                />\n              ),\n              size: META_COLUMN_WIDTH,\n            },\n          ] satisfies ColumnDef<TableFeatures, T, unknown>[])\n        : []),\n      ...(kebabPosition === 'left' ? [actionColumn] : []),\n      ...(columnsProp ?? []),\n      ...(kebabPosition === 'right' ? [actionColumn] : []),\n    ],\n    [showCheckbox, columnsProp, kebabPosition, actionColumn],\n  );\n\n  const handleSortChange = (\n    columnId: string,\n    sortDirection: 'asc' | 'desc' | null,\n  ) => {\n    onSortChange?.(columnId, sortDirection);\n  };\n\n  const handleColumnReordering = (index: number) => {\n    onColumnReorderChange?.(index);\n  };\n\n  const handleRowSelectionChange = useCallback(\n    (\n      updaterOrValue:\n        | RowSelectionState\n        | ((old: RowSelectionState) => RowSelectionState),\n    ) => {\n      setRowSelection(updaterOrValue);\n      onRowSelectionChange?.(updaterOrValue);\n    },\n    [onRowSelectionChange],\n  );\n\n  const {\n    getHeaderGroups,\n    getTopRows,\n    getCenterRows,\n    getBottomRows,\n    setColumnOrder,\n  } = useTable({\n    features: tableFeatures,\n    data,\n    columns,\n    enableSorting,\n    initialState: {\n      columnOrder: columns.map(({ id }) => id ?? ''),\n      rowSelection: rowSelectionProp ?? {},\n    },\n    state: {\n      rowSelection,\n      rowPinning,\n      rowOrdering,\n      ...(pagination != null && { pagination }),\n    },\n    getRowId: (row, index) => {\n      // Use the index as the row ID if no unique identifier is available\n      return row.id ? row.id.toString() : index.toString();\n    },\n    enableRowSelection: true,\n    enableRowPinning: true,\n    manualSorting: manualSorting,\n    // no pageSize → paginated row model passes rows through untouched\n    manualPagination: pagination == null,\n    onRowSelectionChange: handleRowSelectionChange,\n    onRowPinningChange: setRowPinning,\n    onRowOrderingChange: setRowOrdering,\n    onPaginationChange: handlePaginationChange,\n  });\n\n  const moveColumnLeft = useCallback(\n    (oldIndex: number) => {\n      setColumnOrder((order) => {\n        const newColumnOrder = [...order];\n        const newIndex = oldIndex - 1;\n\n        if (newIndex < 0) {\n          return order;\n        }\n\n        [newColumnOrder[oldIndex], newColumnOrder[newIndex]] = [\n          newColumnOrder[newIndex] as string,\n          newColumnOrder[oldIndex] as string,\n        ];\n\n        return newColumnOrder;\n      });\n    },\n    [setColumnOrder],\n  );\n\n  const moveColumnRight = useCallback(\n    (oldIndex: number) => {\n      setColumnOrder((order) => {\n        const newColumnOrder = [...order];\n        const newIndex = oldIndex + 1;\n\n        if (newIndex >= order.length) {\n          return order;\n        }\n\n        [newColumnOrder[oldIndex], newColumnOrder[newIndex]] = [\n          newColumnOrder[newIndex] as string,\n          newColumnOrder[oldIndex] as string,\n        ];\n\n        return newColumnOrder;\n      });\n    },\n    [setColumnOrder],\n  );\n\n  const className = clsx(fullWidth && 'w-full table-fixed', rest.className);\n\n  if (children) {\n    return (\n      <table {...rest} className={className}>\n        {children}\n      </table>\n    );\n  }\n\n  return (\n    <TableContext.Provider\n      value={{\n        persistRowKebabMenu,\n        persistHeaderKebabMenu,\n        persistNumerals,\n        enableSorting,\n        enableColumnReordering,\n        enableRowActions,\n        columnSelection,\n        setColumnSelection,\n        moveColumnLeft,\n        moveColumnRight,\n        manualSorting,\n        handleSortChange,\n        handleColumnReordering,\n      }}\n    >\n      <table {...rest} className={className}>\n        <TableHeader\n          headerGroups={getHeaderGroups()}\n          columnSelection={columnSelection}\n        />\n        <TableBody\n          rows={[...getTopRows(), ...getCenterRows(), ...getBottomRows()]}\n        />\n      </table>\n    </TableContext.Provider>\n  );\n}\n"],"mappings":"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"}