[samiodeh1337]

Type

• 🚀 Feature
• 🐛 Bug Fix
• ♻️ Refactor
• 📝 Documentation
• 🧹 Chore (dependencies, CI, tooling)

Description

• Multi-select rows
• Group drag: dragging a selected row moves the whole selection; you drag a compact card with a count badge, the other selected rows fold into the card as the drag starts (360ms), and on drop they unfold out of the landing slot into place (260ms); both animations are skipped under prefers-reduced-motion.
• Drag lifecycle callbacks on TableContainer: onDragStart, onDragOver.
• Docs: a TanStack Table guide and a TanStack Table demo (checkboxes, a filter, drops that keep hidden rows in place; @tanstack/react-table 9 is a dev dependency of the docs only), and a Drag events guide with a live event log
• showDragCount prop on TableContainer (default true) to hide the count badge on the group drag card
• SelectHandle component: checkbox-style selection — only presses inside the handle change the selection for that row
• BodyRow gains selectedClassName / selectedStyle and sets data-selected="true" while selected
• Styling hooks: [data-rtdnd='drag-count'] (badge), [data-rtdnd='drag-stack'] (ghost cards), --rtdnd-card-bg (card colour), [data-drop-target] (the row/column the drop will land on)
• options.rowDragRange and options.columnDragRange are now optional in the type (either can be left out)
• Demos: new Multi-Select and Virtual + Multi-Select demos; checkbox (SelectHandle) selection in Showcase and Custom Heights; click selection in Tailwind, styled-components, className & style, Fixed Sizes, Drag Handle, Column Widths, Scrollable Cells and Drag Ranges

Screenshots / Demos

Checklist

• I have read the Contributing Guide
• My code follows the project's code style (ran npm run format)
• I have run npm run lint with no errors
• I have tested my changes locally
• I have updated the documentation if needed
• I have updated the CHANGELOG.md if applicable
• My changes do not introduce any new warnings