animation-sequence.ts

import { Override, AnimationControls } from "framer";

const anim1 = new AnimationControls();
const anim2 = new AnimationControls();

// Where to call unmount???
anim1.mount();
anim2.mount();

async function animate() {
  await anim1.start({ x: 200 });
  await anim2.start({ y: -100 });
}

export function Anim1(): Override {
  return {
    animate: anim1
  };
}

export function Anim2(): Override {
  return {
    animate: anim2
  };
}

export function Start(): Override {
  return {
    onClick: () => animate()
  };
}