UI Delight 2

function getDropShadowOffset(rotation: number): Vec2 {
  const angle = degreesToRadians(rotation + 45);

  return [Math.sin(angle), Math.cos(angle)];
}

function getDropShadowFilterWithOffset
([offsetX, offsetY]: Vec2): string {
  return `<filter id='shadow' 
  color-interpolation-filters="sRGB">
    <feDropShadow dx="${offsetX}" 
    dy="${offsetY}" stdDeviation="1" 
    flood-opacity="0.2"/>
  </filter>`;
}