<!-- source-hash: fc61b63b86b6a05d8f7ae1ddcc0dba93 -->
A deprecated table row component that renders a single row in a tabular layout, supporting click handlers, link navigation, row selection, and dynamic cell rendering with nested property access.

## Key Components

- **`TableRow<T>`** — Generic row component accepting typed `item` data, column definitions, and interaction callbacks. Marked `@deprecated` — use `DataTableRow` from `data-table` instead.
- **`handleRowClick`** — Click handler that respects `[data-no-row-click]` elements (e.g., checkboxes), preventing event propagation to row-level handlers.
- **`getCellValue`** — Resolves cell content via `column.renderCell` or dot-notation key traversal (e.g., `"user.address.city"`), with fallbacks for `null`, `boolean`, and `object` values.
- **Link mode** — When `href` is provided without `onClick`, renders an absolutely-positioned `<Link>` overlay for full-row navigation while keeping inner elements pointer-event-safe.

## Usage Example

```typescript
<TableRow
  item={user}
  index={0}
  columns={[
    { key: 'name', label: 'Name' },
    { key: 'address.city', label: 'City' },
    {
      key: 'status',
      label: 'Status',
      renderCell: (item) => <StatusBadge status={item.status} />
    }
  ]}
  href={`/users/${user.id}`}
  selectable
  selected={selectedIds.has(user.id)}
  onSelect={(item) => toggleSelection(item.id)}
  compact={false}
/>
```

> **Deprecation notice:** This component is superseded by `DataTableRow` from the `data-table` package, which provides improved composability and feature support.