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

export const fadeUp: Variants = {
  hidden: { opacity: 0, y: 24 },
  show:   { opacity: 1, y: 0, transition: { duration: 0.35, ease: [0.25, 1, 0.5, 1] as const } },
};

export const stagger: Variants = {
  show: { transition: { staggerChildren: 0.06 } },
};

export const fadeIn: Variants = {
  hidden: { opacity: 0 },
  show:   { opacity: 1, transition: { duration: 0.25 } },
};

// ─── Entrance reveal ─────────────────────────────────────────────────────────

export const reveal: Variants = {
  hidden: { opacity: 0, y: 32, filter: 'blur(6px)' },
  show: {
    opacity: 1,
    y: 0,
    filter: 'blur(0px)',
    transition: { duration: 0.5, ease: [0.25, 1, 0.5, 1] as const },
  },
};

export const zoomIn: Variants = {
  hidden: { opacity: 0, scale: 0.96 },
  show:   { opacity: 1, scale: 1, transition: { duration: 0.4, ease: [0.25, 1, 0.5, 1] as const } },
};

export const slideInLeft: Variants = {
  hidden: { opacity: 0, x: -28 },
  show:   { opacity: 1, x: 0, transition: { duration: 0.4, ease: [0.25, 1, 0.5, 1] as const } },
};

export const slideInRight: Variants = {
  hidden: { opacity: 0, x: 28 },
  show:   { opacity: 1, x: 0, transition: { duration: 0.4, ease: [0.25, 1, 0.5, 1] as const } },
};

// ─── Hover / microinteraction presets ────────────────────────────────────────
// Springs (critically damped, bounce 0) so hover/press is interruptible and
// velocity-aware — per apple-design §3–§4. Bounce is reserved for momentum.

export const cardHover: TargetAndTransition = { y: -2, transition: { type: 'spring', bounce: 0, duration: 0.35 } };

export const hoverLift: TargetAndTransition = {
  y: -4,
  transition: { type: 'spring', bounce: 0, duration: 0.35 },
};

export const hoverGlow: TargetAndTransition = {
  y: -3,
  boxShadow: '0 10px 32px rgba(74, 222, 128, 0.14)',
  transition: { type: 'spring', bounce: 0, duration: 0.35 },
};

export const tapScale: TargetAndTransition = { scale: 0.98, transition: { type: 'spring', bounce: 0, duration: 0.25 } };

export const press: TargetAndTransition = {
  scale: 0.97,
  transition: { type: 'spring', bounce: 0, duration: 0.25 },
};

export const microPop: Variants = {
  rest: { scale: 1 },
  hover: { scale: 1.03, transition: { type: 'spring', stiffness: 400, damping: 22 } },
  tap: { scale: 0.96 },
};

export const staggerFast: Variants = {
  show: { transition: { staggerChildren: 0.045 } },
};