Resize from border with multiple directions not only bottom right

[Omicrxn]

I managed the resize from border using custom handles: <div slot="resizeHandle" class="absolute inset-0 cursor-se-resize border-2 border-transparent group-hover:border-primary" let:resizeStart onpointerdown={resizeStart} ></div>

but it doesn't matter which border you drag from it always resizes as if you were dragging from bottom right.