@accelint/design-toolkit 8.1.2 → 9.0.0

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

@@ -1,9 +1,21 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Key } from '@react-types/shared';
-import { TableProps } from './types.js';
-import '@tanstack/react-table';
-import 'react';
+/*
+ * Copyright 2025 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 { TableProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime116 from "react/jsx-runtime";
+import { Key } from "@react-types/shared";
+
+//#region src/components/table/index.d.ts
 /**
  * Table - Configurable data table with sorting and row actions
  *
@@ -14,7 +26,27 @@ import 'react';
  * <Table columns={columns} data={data} />
  */
 declare function Table<T extends {
-    id: Key;
-}>({ children, columns: columnsProp, data: dataProp, showCheckbox, rowSelection: rowSelectionProp, kebabPosition, persistRowKebabMenu, persistHeaderKebabMenu, persistNumerals, enableSorting, enableColumnReordering, enableRowActions, manualSorting, onSortChange, onColumnReorderChange, onRowSelectionChange, fullWidth, ...rest }: TableProps<T>): react_jsx_runtime.JSX.Element;
-
+  id: Key;
+}>({
+  children,
+  columns: columnsProp,
+  data: dataProp,
+  showCheckbox,
+  rowSelection: rowSelectionProp,
+  kebabPosition,
+  persistRowKebabMenu,
+  persistHeaderKebabMenu,
+  persistNumerals,
+  enableSorting,
+  enableColumnReordering,
+  enableRowActions,
+  manualSorting,
+  onSortChange,
+  onColumnReorderChange,
+  onRowSelectionChange,
+  fullWidth,
+  ...rest
+}: TableProps<T>): react_jsx_runtime116.JSX.Element;
+//#endregion
 export { Table };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/table/index.js

@@ -1,4 +1,253 @@
+/*
+ * Copyright 2025 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.
+ */
+
+
 'use client';
 
-import {jsx,jsxs}from'react/jsx-runtime';import {Pin,Kebab}from'@accelint/icons';import {useListData}from'@react-stately/data';import {useReactTable,getSortedRowModel,getCoreRowModel}from'@tanstack/react-table';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useState,useCallback,useMemo,useContext}from'react';import {Button}from'../button/index.js';import {Checkbox}from'../checkbox/index.js';import {Icon}from'../icon/index.js';import {Menu}from'../menu/index.js';import {MenuItem}from'../menu/item.js';import {MenuSeparator}from'../menu/separator.js';import {MenuTrigger}from'../menu/trigger.js';import {TableBody}from'./body.js';import {TableContext}from'./context.js';import {TableHeader}from'./header.js';import be from'./styles.module.css';const v=32;function Me({moveRowsDown:R,moveRowsUp:p,row:s,rows:c}){const{enableRowActions:g,persistRowKebabMenu:u}=useContext(TableContext),m=!!s.getIsPinned();return g&&jsx("div",{className:clsx(!u&&be.hideInRow),children:jsxs(MenuTrigger,{children:[jsx(Button,{variant:"icon","aria-label":`row ${s.index+1} actions`,children:jsx(Icon,{children:jsx(Kebab,{})})}),jsxs(Menu,{children:[jsx(MenuItem,{onAction:()=>s.pin(m?false:"top"),children:m?"Unpin":"Pin"}),jsx(MenuSeparator,{}),jsx(MenuItem,{onAction:()=>p(s,c),isDisabled:m||s.index===0,children:"Move Up"}),jsx(MenuItem,{onAction:()=>R(s,c),isDisabled:m||s.index===c.length-1,children:"Move Down"})]})]})})}function Ge({children:R,columns:p,data:s,showCheckbox:c,rowSelection:g,kebabPosition:u="right",persistRowKebabMenu:m=true,persistHeaderKebabMenu:h=true,persistNumerals:_=false,enableSorting:I=true,enableColumnReordering:E=true,enableRowActions:W=true,manualSorting:P=false,onSortChange:$,onColumnReorderChange:k,onRowSelectionChange:y,fullWidth:q=false,...S}){const{items:F,moveAfter:x,moveBefore:N}=useListData({initialItems:s}),[r,J]=useState(g??{}),[A,Q]=useState(null),[X,Y]=useState({top:[],bottom:[]}),D=useCallback((e,t)=>{const n=r[e.id]?t.filter(({id:a})=>r[a]):[e],l=n[0];if(!l||l.index===0)return;const d=t[l.index-1]?.id;d&&N(d,n.map(({id:a})=>a));},[r,N]),K=useCallback((e,t)=>{const n=r[e.id]?t.filter(({id:a})=>r[a]):[e],l=n[n.length-1];if(!l||l.index===t.length-1)return;const d=t[l.index+1]?.id;d&&x(d,n.map(({id:a})=>a));},[r,x]),T=useMemo(()=>({id:"kebab",cell:({row:e})=>jsx(Me,{moveRowsUp:D,moveRowsDown:K,row:e,rows:ie().rows}),size:v}),[D,K]),U=useMemo(()=>[{id:"numeral",cell:({row:e})=>e.getIsPinned()?jsx(Icon,{size:"small",children:jsx(Pin,{})}):jsx("span",{"data-testid":"numeral",children:e.index+1}),size:v},...c?[{id:"selection",header:({table:e})=>jsx(Checkbox,{isSelected:e.getIsAllRowsSelected(),isIndeterminate:e.getIsSomeRowsSelected(),onChange:e.toggleAllRowsSelected}),cell:({row:e})=>jsx(Checkbox,{isSelected:e.getIsSelected(),isIndeterminate:e.getIsSomeSelected(),onChange:e.toggleSelected}),size:v}]:[],...u==="left"?[T]:[],...p??[],...u==="right"?[T]:[]],[c,p,u,T]),Z=(e,t)=>{$?.(e,t);},j=e=>{k?.(e);},V=useCallback(e=>{J(e),y?.(e);},[y]),{getHeaderGroups:ee,getTopRows:oe,getCenterRows:te,getBottomRows:ne,getRowModel:ie,setColumnOrder:f}=useReactTable({data:F,columns:U,enableSorting:I,initialState:{columnOrder:U.map(({id:e})=>e??""),rowSelection:g??{}},state:{rowSelection:r,rowPinning:X},getRowId:(e,t)=>e.id?e.id.toString():t.toString(),enableRowSelection:true,enableRowPinning:true,manualSorting:P,onRowSelectionChange:V,onRowPinningChange:Y,getCoreRowModel:getCoreRowModel(),getSortedRowModel:getSortedRowModel()}),se=useCallback(e=>{f(t=>{const i=[...t],n=e-1;return n<0?t:([i[e],i[n]]=[i[n],i[e]],i)});},[f]),re=useCallback(e=>{f(t=>{const i=[...t],n=e+1;return n>=t.length?t:([i[e],i[n]]=[i[n],i[e]],i)});},[f]),B=clsx(q&&"w-full table-fixed",S.className);return R?jsx("table",{...S,className:B,children:R}):jsx(TableContext.Provider,{value:{persistRowKebabMenu:m,persistHeaderKebabMenu:h,persistNumerals:_,enableSorting:I,enableColumnReordering:E,enableRowActions:W,columnSelection:A,setColumnSelection:Q,moveColumnLeft:se,moveColumnRight:re,manualSorting:P,handleSortChange:Z,handleColumnReordering:j},children:jsxs("table",{...S,className:B,children:[jsx(TableHeader,{headerGroups:ee(),columnSelection:A}),jsx(TableBody,{rows:[...oe(),...te(),...ne()]})]})})}export{Ge as Table};//# sourceMappingURL=index.js.map
+import { Icon } from "../icon/index.js";
+import { Button } from "../button/index.js";
+import { Checkbox } from "../checkbox/index.js";
+import { Menu } from "../menu/index.js";
+import { MenuItem } from "../menu/item.js";
+import { MenuSeparator } from "../menu/separator.js";
+import { MenuTrigger } from "../menu/trigger.js";
+import { TableContext } from "./context.js";
+import { TableBody } from "./body.js";
+import { TableHeader } from "./header.js";
+import "client-only";
+import { useCallback, useContext, useMemo, useState } from "react";
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Kebab, Pin } from "@accelint/icons";
+import { useListData } from "@react-stately/data";
+import { getCoreRowModel, getSortedRowModel, useReactTable } 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 }) {
+	const { enableRowActions, persistRowKebabMenu } = useContext(TableContext);
+	const isPinned = !!row.getIsPinned();
+	return enableRowActions && /* @__PURE__ */ jsx("div", {
+		className: clsx(!persistRowKebabMenu && styles.hideInRow),
+		children: /* @__PURE__ */ jsxs(MenuTrigger, { children: [/* @__PURE__ */ jsx(Button, {
+			variant: "icon",
+			"aria-label": `row ${row.index + 1} actions`,
+			children: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(Kebab, {}) })
+		}), /* @__PURE__ */ jsxs(Menu, { children: [
+			/* @__PURE__ */ jsx(MenuItem, {
+				onAction: () => row.pin(isPinned ? false : "top"),
+				children: isPinned ? "Unpin" : "Pin"
+			}),
+			/* @__PURE__ */ jsx(MenuSeparator, {}),
+			/* @__PURE__ */ jsx(MenuItem, {
+				onAction: () => moveRowsUp(row, rows),
+				isDisabled: isPinned || row.index === 0,
+				children: "Move Up"
+			}),
+			/* @__PURE__ */ jsx(MenuItem, {
+				onAction: () => moveRowsDown(row, rows),
+				isDisabled: isPinned || row.index === rows.length - 1,
+				children: "Move Down"
+			})
+		] })] })
+	});
+}
+/**
+* Table - Configurable data table with sorting and row actions
+*
+* Standardizes table behavior (sorting, selection, row actions) and can be
+* used with column definitions from TanStack React Table.
+*
+* @example
+* <Table columns={columns} data={data} />
+*/
+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, ...rest }) {
+	const { items: data, moveAfter, moveBefore } = useListData({ initialItems: dataProp });
+	const [rowSelection, setRowSelection] = useState(rowSelectionProp ?? {});
+	const [columnSelection, setColumnSelection] = useState(null);
+	const [rowPinning, setRowPinning] = useState({
+		top: [],
+		bottom: []
+	});
+	/**
+	* 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.
+	*/
+	const actionColumn = useMemo(() => ({
+		id: "kebab",
+		cell: ({ row }) => /* @__PURE__ */ jsx(RowActionsMenu, {
+			moveRowsUp,
+			moveRowsDown,
+			row,
+			rows: getRowModel().rows
+		}),
+		size: META_COLUMN_WIDTH
+	}), [moveRowsUp, moveRowsDown]);
+	/**
+	* columns defines the structure of the table.
+	* It includes the action column and optionally a checkbox column.
+	* The kebab menu position can be set to 'left' or 'right'.
+	* If showCheckbox is true, a checkbox column is added.
+	*/
+	const columns = useMemo(() => [
+		{
+			id: "numeral",
+			cell: ({ row }) => row.getIsPinned() ? /* @__PURE__ */ jsx(Icon, {
+				size: "small",
+				children: /* @__PURE__ */ jsx(Pin, {})
+			}) : /* @__PURE__ */ jsx("span", {
+				"data-testid": "numeral",
+				children: row.index + 1
+			}),
+			size: META_COLUMN_WIDTH
+		},
+		...showCheckbox ? [{
+			id: "selection",
+			header: ({ table }) => /* @__PURE__ */ jsx(Checkbox, {
+				isSelected: table.getIsAllRowsSelected(),
+				isIndeterminate: table.getIsSomeRowsSelected(),
+				onChange: table.toggleAllRowsSelected
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx(Checkbox, {
+				isSelected: row.getIsSelected(),
+				isIndeterminate: row.getIsSomeSelected(),
+				onChange: row.toggleSelected
+			}),
+			size: META_COLUMN_WIDTH
+		}] : [],
+		...kebabPosition === "left" ? [actionColumn] : [],
+		...columnsProp ?? [],
+		...kebabPosition === "right" ? [actionColumn] : []
+	], [
+		showCheckbox,
+		columnsProp,
+		kebabPosition,
+		actionColumn
+	]);
+	const handleSortChange = (columnId, sortDirection) => {
+		onSortChange?.(columnId, sortDirection);
+	};
+	const handleColumnReordering = (index) => {
+		onColumnReorderChange?.(index);
+	};
+	const handleRowSelectionChange = useCallback((updaterOrValue) => {
+		setRowSelection(updaterOrValue);
+		onRowSelectionChange?.(updaterOrValue);
+	}, [onRowSelectionChange]);
+	const { getHeaderGroups, getTopRows, getCenterRows, getBottomRows, getRowModel, setColumnOrder } = useReactTable({
+		data,
+		columns,
+		enableSorting,
+		initialState: {
+			columnOrder: columns.map(({ id }) => id ?? ""),
+			rowSelection: rowSelectionProp ?? {}
+		},
+		state: {
+			rowSelection,
+			rowPinning
+		},
+		getRowId: (row, index) => {
+			return row.id ? row.id.toString() : index.toString();
+		},
+		enableRowSelection: true,
+		enableRowPinning: true,
+		manualSorting,
+		onRowSelectionChange: handleRowSelectionChange,
+		onRowPinningChange: setRowPinning,
+		getCoreRowModel: getCoreRowModel(),
+		getSortedRowModel: getSortedRowModel()
+	});
+	const moveColumnLeft = useCallback((oldIndex) => {
+		setColumnOrder((order) => {
+			const newColumnOrder = [...order];
+			const newIndex = oldIndex - 1;
+			if (newIndex < 0) return order;
+			[newColumnOrder[oldIndex], newColumnOrder[newIndex]] = [newColumnOrder[newIndex], newColumnOrder[oldIndex]];
+			return newColumnOrder;
+		});
+	}, [setColumnOrder]);
+	const moveColumnRight = useCallback((oldIndex) => {
+		setColumnOrder((order) => {
+			const newColumnOrder = [...order];
+			const newIndex = oldIndex + 1;
+			if (newIndex >= order.length) return order;
+			[newColumnOrder[oldIndex], newColumnOrder[newIndex]] = [newColumnOrder[newIndex], newColumnOrder[oldIndex]];
+			return newColumnOrder;
+		});
+	}, [setColumnOrder]);
+	const className = clsx(fullWidth && "w-full table-fixed", rest.className);
+	if (children) return /* @__PURE__ */ jsx("table", {
+		...rest,
+		className,
+		children
+	});
+	return /* @__PURE__ */ jsx(TableContext.Provider, {
+		value: {
+			persistRowKebabMenu,
+			persistHeaderKebabMenu,
+			persistNumerals,
+			enableSorting,
+			enableColumnReordering,
+			enableRowActions,
+			columnSelection,
+			setColumnSelection,
+			moveColumnLeft,
+			moveColumnRight,
+			manualSorting,
+			handleSortChange,
+			handleColumnReordering
+		},
+		children: /* @__PURE__ */ jsxs("table", {
+			...rest,
+			className,
+			children: [/* @__PURE__ */ jsx(TableHeader, {
+				headerGroups: getHeaderGroups(),
+				columnSelection
+			}), /* @__PURE__ */ jsx(TableBody, { rows: [
+				...getTopRows(),
+				...getCenterRows(),
+				...getBottomRows()
+			] })]
+		})
+	});
+}
+
+//#endregion
+export { Table };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/table/index.tsx"],"names":["useContext","isPinned","styles","we","G","MenuTrigger","jsx","Button","z","C","fe","o","Re","Kebab","jsxs","Menu","MenuItem","pe","MenuSeparator","moveRowsUp","row","rows","ge","M","moveRowsDown","Table","children","columnsProp","showCheckbox","kebabPosition","enableSorting","enableColumnReordering","enableRowActions","manualSorting","onRowSelectionChange","rest","useListData","dataProp","rowSelection","setRowSelection","rowSelectionProp","columnSelection","setColumnSelection","rowPinning","ce","useCallback","rowsToMove","id","b","w","firstRowToMove","prevRowId","moveBefore","lastRowToMove","nextRowId","moveAfter","RowActionsMenu","O","META_COLUMN_WIDTH","Icon","L","ae","Checkbox","H","actionColumn","handleSortChange","sortDirection","columnId","handleColumnReordering","index","onColumnReorderChange","handleRowSelectionChange","updaterOrValue","getHeaderGroups","getTopRows","getCenterRows","getBottomRows","getRowModel","setColumnOrder","columns","de","getCoreRowModel","me","newColumnOrder","newIndex","oldIndex","order","className","clsx","fullWidth","TableContext","persistHeaderKebabMenu","persistNumerals","Se"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 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';\n\nimport { Kebab, Pin } from '@accelint/icons';\nimport { useListData } from '@react-stately/data';\nimport {\n  getCoreRowModel,\n  getSortedRowModel,\n  type Row,\n  type RowPinningState,\n  type RowSelectionState,\n  useReactTable,\n} from '@tanstack/react-table';\nimport type { Key } from '@react-types/shared';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\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 { 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 and row actions\n *\n * Standardizes table behavior (sorting, selection, row actions) and can be\n * used with column definitions from TanStack React Table.\n *\n * @example\n * <Table columns={columns} data={data} />\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  ...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  /**\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    },\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    getCoreRowModel: getCoreRowModel<T>(),\n    getSortedRowModel: getSortedRowModel<T>(),\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"]}
+{"version":3,"file":"index.js","names":["actionColumn: NonNullable<typeof columnsProp>[number]"],"sources":["../../../src/components/table/index.tsx"],"sourcesContent":["/*\n * Copyright 2025 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';\n\nimport { Kebab, Pin } from '@accelint/icons';\nimport { useListData } from '@react-stately/data';\nimport {\n  getCoreRowModel,\n  getSortedRowModel,\n  type Row,\n  type RowPinningState,\n  type RowSelectionState,\n  useReactTable,\n} from '@tanstack/react-table';\nimport type { Key } from '@react-types/shared';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\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 { 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 and row actions\n *\n * Standardizes table behavior (sorting, selection, row actions) and can be\n * used with column definitions from TanStack React Table.\n *\n * @example\n * <Table columns={columns} data={data} />\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  ...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  /**\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    },\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    getCoreRowModel: getCoreRowModel<T>(),\n    getSortedRowModel: getSortedRowModel<T>(),\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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"}

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

@@ -1,9 +1,26 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TableRowProps } from './types.js';
-import '@react-types/shared';
-import '@tanstack/react-table';
-import 'react';
+/*
+ * Copyright 2025 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.
+ */
 
-declare function TableRow<T>({ ref, children, className, row, ...rest }: TableRowProps<T>): react_jsx_runtime.JSX.Element;
+import { TableRowProps } from "./types.js";
+import * as react_jsx_runtime117 from "react/jsx-runtime";
 
+//#region src/components/table/row.d.ts
+declare function TableRow<T>({
+  ref,
+  children,
+  className,
+  row,
+  ...rest
+}: TableRowProps<T>): react_jsx_runtime117.JSX.Element;
+//#endregion
 export { TableRow };
+//# sourceMappingURL=row.d.ts.map

package/dist/components/table/row.js

@@ -1,2 +1,34 @@
-import {jsx}from'react/jsx-runtime';import {clsx}from'@accelint/design-foundation/lib/utils';import {TableCell}from'./cell.js';import d from'./styles.module.css';function T({ref:o,children:r,className:s,row:e,...p}){const a=e?.getAllCells();return jsx("tr",{...p,ref:o,className:clsx("group/row",d.row,s),"data-pinned":e?.getIsPinned()||null,"data-selected":e?.getIsSelected()||null,children:r||a?.map(l=>jsx(TableCell,{cell:l},l.id))})}export{T as TableRow};//# sourceMappingURL=row.js.map
+/*
+ * Copyright 2025 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 { TableCell } from "./cell.js";
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { jsx } from "react/jsx-runtime";
+import styles from "./styles.module.css";
+
+//#region src/components/table/row.tsx
+function TableRow({ ref, children, className, row, ...rest }) {
+	const cells = row?.getAllCells();
+	return /* @__PURE__ */ jsx("tr", {
+		...rest,
+		ref,
+		className: clsx("group/row", styles.row, className),
+		"data-pinned": row?.getIsPinned() || null,
+		"data-selected": row?.getIsSelected() || null,
+		children: children || cells?.map((cell) => /* @__PURE__ */ jsx(TableCell, { cell }, cell.id))
+	});
+}
+
+//#endregion
+export { TableRow };
 //# sourceMappingURL=row.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/table/row.tsx"],"names":["ref","row","rest","t","m","className","cells","cell","jsx","TableCell"],"mappings":"2KAmBE,CAAA,CAAAA,CAAAA,GACA,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,WACAC,CAAAA,GACA,CAAGC,CACL,CAAA,GACE,CAAA,CAAA,CAAA,CAAA,MAAmB,CAAA,CAAA,CAAA,EAAA,WAEnB,EAAA,CAAA,OACGC,GAAA,CAAA,IACKD,CAAAA,CACJ,GAAA,CAAKF,CAAAA,GACL,CAAA,CAAA,CAAA,SAAgB,CAAAI,IAAA,CAAA,WAAoB,CAAA,CAAKC,CAAS,GAClD,CAAA,CAAA,CAAA,CAAA,aAAkB,CAAA,CAAA,EAAA,eAClB,IAAA,CAAA,eAAoB,CAAA,CAAA,EAAA,aAAmB,EAAA,EAEtC,IAAA,CAAA,QACCC,CAAAA,CAAO,KAAKC,GAASC,CAACC,CAAAA,EAAwBN,eAAMI,IAAfA,CAAK,CAAA,CAAgB,CAAE,EAChE,EAEJ,CAAA,CAAA,CAAA,CAAA","file":"row.js","sourcesContent":["// __private-exports\n/*\n * Copyright 2025 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 { TableCell } from './cell';\nimport styles from './styles.module.css';\nimport type { TableRowProps } from './types';\n\nexport function TableRow<T>({\n  ref,\n  children,\n  className,\n  row,\n  ...rest\n}: TableRowProps<T>) {\n  const cells = row?.getAllCells();\n\n  return (\n    <tr\n      {...rest}\n      ref={ref}\n      className={clsx('group/row', styles.row, className)}\n      data-pinned={row?.getIsPinned() || null}\n      data-selected={row?.getIsSelected() || null}\n    >\n      {children ||\n        cells?.map((cell) => <TableCell key={cell.id} cell={cell} />)}\n    </tr>\n  );\n}\n"]}
+{"version":3,"file":"row.js","names":[],"sources":["../../../src/components/table/row.tsx"],"sourcesContent":["// __private-exports\n/*\n * Copyright 2025 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 { TableCell } from './cell';\nimport styles from './styles.module.css';\nimport type { TableRowProps } from './types';\n\nexport function TableRow<T>({\n  ref,\n  children,\n  className,\n  row,\n  ...rest\n}: TableRowProps<T>) {\n  const cells = row?.getAllCells();\n\n  return (\n    <tr\n      {...rest}\n      ref={ref}\n      className={clsx('group/row', styles.row, className)}\n      data-pinned={row?.getIsPinned() || null}\n      data-selected={row?.getIsSelected() || null}\n    >\n      {children ||\n        cells?.map((cell) => <TableCell key={cell.id} cell={cell} />)}\n    </tr>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,SAAgB,SAAY,EAC1B,KACA,UACA,WACA,KACA,GAAG,QACgB;CACnB,MAAM,QAAQ,KAAK,aAAa;AAEhC,QACE,oBAAC;EACC,GAAI;EACC;EACL,WAAW,KAAK,aAAa,OAAO,KAAK,UAAU;EACnD,eAAa,KAAK,aAAa,IAAI;EACnC,iBAAe,KAAK,eAAe,IAAI;YAEtC,YACC,OAAO,KAAK,SAAS,oBAAC,aAA8B,QAAf,KAAK,GAAkB,CAAC;GAC5D"}

package/dist/components/table/styles.module.css

@@ -10,7 +10,7 @@
  * governing permissions and limitations under the License.
  */
 
-@reference '../../index.module.css';
+@reference '@accelint/design-foundation/styles';
 
 @layer components.l1 {
   .headerCell {