@hello-pangea/dnd/src/view/get-border-box-center-position.ts

Beautiful and accessible drag and drop for lists with React

import { getRect } from 'css-box-model';

import type { Position } from 'css-box-model';

export default (el: HTMLElement): Position =>
  getRect(el.getBoundingClientRect()).center;