/**
 * Alert entrance/exit animation variants
 * Entrance: slide down from -8px + fade in
 * Exit: fade out + collapse height
 */
const alertVariants = {
    hidden: {
        opacity: 0,
        y: -8,
        height: 0,
        paddingTop: 0,
        paddingBottom: 0,
        marginTop: 0,
        marginBottom: 0,
        overflow: "hidden",
        transition: {
            duration: 0.15,
            ease: [0.4, 0, 1, 1],
        },
    },
    visible: {
        opacity: 1,
        y: 0,
        height: "auto",
        paddingTop: undefined,
        paddingBottom: undefined,
        marginTop: undefined,
        marginBottom: undefined,
        overflow: "visible",
        transition: {
            duration: 0.2,
            ease: [0.4, 0, 0.2, 1],
        },
    },
};
/**
 * Reduced motion variants — instant opacity toggle, no slide or collapse
 */
const reducedMotionAlertVariants = {
    hidden: { opacity: 0 },
    visible: { opacity: 1 },
};

export { alertVariants, reducedMotionAlertVariants };
