import type { TargetAndTransition, Transition, Variants } from "framer-motion";

export const springs = {

  snappy: { type: "spring", stiffness: 580, damping: 32, mass: 0.8 },

  natural: { type: "spring", stiffness: 320, damping: 28, mass: 1.0 },

  entrance: { type: "spring", stiffness: 240, damping: 18, mass: 1.2 },

  sheet: { type: "spring", stiffness: 280, damping: 34, mass: 1.0 },

  stagger: { type: "spring", stiffness: 480, damping: 30, mass: 0.6 },

} satisfies Record<string, Transition>;

export const dropCardVariants = {

  initial: { opacity: 0, y: -16, scale: 0.96 },

  animate: { opacity: 1, y: 0, scale: 1, transition: springs.entrance },

  exit: { opacity: 0, x: 24, scale: 0.92, transition: { duration: 0.18 } },

} satisfies Variants;

export const flashAccentKeyframes = {

  boxShadow: [

    "0 0 0 0 oklch(0.78 0.16 184 / 0)",

    "0 0 0 4px oklch(0.78 0.16 184 / 0.5)",

    "0 0 0 0 oklch(0.78 0.16 184 / 0)",

  ],

  transition: { duration: 1.6, ease: "easeOut", times: [0, 0.2, 1] },

} satisfies TargetAndTransition;

export const staggerContainer = {

  initial: {},

  animate: { transition: { staggerChildren: 0.04, delayChildren: 0.02 } },

} satisfies Variants;

export const fadeUpItem = {

  initial: { opacity: 0, y: 12 },

  animate: { opacity: 1, y: 0, transition: springs.stagger },

} satisfies Variants;